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

1 vote289 views1 answer
How to set media query for both width and height in css
CSS
0 vote266 views1 answer
Css pseudo-class no children
CSS
11 votes267 views1 answer
Wrap none css
CSS
23 votes257 views5 answers
Align item center flex
CSS
0 vote229 views1 answer
Named colors css
CSS
0 vote302 views1 answer
SCSS Auto link coloured button style
CSS
0 vote272 views1 answer
Htaccess file extension
CSS
0 vote276 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
0 vote264 views1 answer
Add padding to gnome terminal
CSS
1 vote265 views1 answer
Html details summary marker remove
CSS