/CSS/How to make a linear gradient in css

How to make a linear gradient in css

/* Add the class name insted of class */
.class {
  background: linear-gradient(to top, #000000, #fffffff);
}

Html css background linear-gradient

background: linear-gradient(#333, #333 50%, #eee 100%);
\\code for a basic gradient background
   #grad {
  background-image: linear-gradient(red, yellow);
}

Linear gradient in CSS

The general syntax of linear-gradient is-
background: linear-gradient(gradient direction, color1 , color2 , color3, .....);

Forexample-
background: linear-gradient(46deg,green,blue,yellow,pink);

NOTE: (common mistake) we forget to write the semi-colon (;)

Similar codes

2 votes156 views1 answer
How to put background in html
CSS
53 votes139 views6 answers
Background color
CSS
3 votes137 views2 answers
Card template css
CSS
0 vote148 views1 answer
Width not responding to css in table
CSS
0 vote157 views1 answer
Numpy not installling
CSS
24 votes185 views3 answers
Remove underline from a link css
CSS
0 vote177 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
1 vote159 views5 answers
Ease in out
CSS
2 votes152 views1 answer
Aajouter une image dans un before after
CSS
33 votes146 views6 answers
Background image opacity css
CSS