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

47 votes311 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
238 votes525 views5 answers
Include bootstrap
CSS Bootstrap
0 vote519 views1 answer
Kill docker by image name
CSS
2 votes325 views1 answer
Css how do i remove highlighting
CSS
0 vote345 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS
53 votes330 views4 answers
On hover css
CSS
29 votes358 views2 answers
@font-face rule in css
CSS
0 vote354 views1 answer
Background image animation css codepen
CSS
3 votes372 views1 answer
Fontawesome trash icon
CSS
0 vote370 views1 answer
Chrome developer tools css customize
CSS