/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 vote182 views1 answer
Make all elements in a div share same css
CSS
0 vote166 views1 answer
Truncate long line with dots
CSS
6 votes165 views2 answers
Update checkbox size css
CSS
0 vote197 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
0 vote181 views1 answer
Using tinymce with tailwind css
CSS
6 votes168 views3 answers
How to make rounded corners in css with images
CSS
2 votes160 views1 answer
How to apply css to firefox only
CSS
0 vote159 views1 answer
Soup css selector
CSS
0 vote172 views1 answer
Css remove link border on click
CSS
0 vote181 views1 answer
Exclude html content when print
CSS