Linear-gradient(top to bottom)

/* A gradient going from the top to bottom
   starting red and finishing orange */

.class {
    background: linear-gradient(to bottom, #f32b60, #ff8f1f);
}

Html css background linear-gradient

#background {
  background-image: linear-gradient(to left, #4B2C4C , #151F28);
}

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);
}

Similar codes

56 votes144 views2 answers
Responsive css code for all screen size
CSS
2 votes142 views3 answers
Em
CSS
109 votes137 views6 answers
Center css
CSS
0 vote143 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
0 vote150 views1 answer
Float pb
CSS
36 votes122 views6 answers
Gradient text
CSS
0 vote125 views2 answers
How to center the table horizontally css
CSS
0 vote121 views1 answer
Css set strong to normal text
CSS
0 vote174 views1 answer
Poretty print css
CSS
0 vote128 views1 answer
Mouse hold css effect
CSS