/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

0 vote151 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
4 votes169 views1 answer
Make text bigger html5
CSS
0 vote141 views1 answer
Font awesome saas gem
CSS
0 vote169 views1 answer
How to make background color smaller css
CSS
0 vote198 views2 answers
Mat input change placeholder color
CSS
1 vote155 views1 answer
Remove line accordion material ui
CSS
2 votes148 views2 answers
Opacity animation css
CSS
5 votes161 views2 answers
Css for disabled button
CSS
5 votes152 views1 answer
Less sass css
CSS
0 vote186 views2 answers
Style message d'erreur css
CSS