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

7 votes152 views3 answers
Z-index max value
CSS
0 vote143 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
0 vote103 views1 answer
How to move bullet in css
CSS
2 votes140 views1 answer
Autofit grid css
CSS
3 votes160 views1 answer
Enter in css
CSS
8 votes155 views1 answer
How to get my div to centre of primary div
CSS
0 vote146 views2 answers
Count how many characters in the same position are eqial in both strings
CSS
0 vote136 views1 answer
Selection Handler css
CSS
0 vote139 views1 answer
Learn css
CSS
0 vote140 views1 answer
Scroll x css
CSS