Css multicolor background

Linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

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

Double color background css

background: linear-gradient(<angle>, color1 color1-stop-at, color2 color2-start-at);

Source: blog.prototypr.io

Multi colors in background in css

background: linear-gradient(110deg, #200303 60%, #03232b 60%);

Css multicolor background

background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);

-1

Source: blog.prototypr.io

Similar codes

0 vote138 views1 answer
Shrink a div by 50%
CSS
0 vote142 views1 answer
What is integrity cdn
CSS
0 vote149 views2 answers
Background image path
CSS
0 vote147 views1 answer
Create a specific form size and center in css
CSS
0 vote101 views1 answer
How to move bullet in css
CSS
0 vote198 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
1 vote153 views1 answer
Clear both css
CSS
-1 vote143 views1 answer
Css disable scroll mobile
CSS
-1 vote138 views1 answer
Grabber shortcuts
CSS
2 votes145 views10 answers
Css
CSS