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

22 votes123 views4 answers
Import font css from url
CSS
52 votes136 views3 answers
Css position absolute middle
CSS
0 vote239 views1 answer
Css get the image to the center and to make it relative to the width of the parent.
CSS
0 vote239 views1 answer
Import global variables scss angular
CSS
0 vote136 views1 answer
Rust get current date
CSS
0 vote173 views1 answer
On frontend grivity form css not load
CSS
1 vote123 views1 answer
Padding clamp
CSS
28 votes136 views5 answers
Default cursor css
CSS
0 vote140 views1 answer
Api not working in github pages
CSS
2 votes128 views2 answers
How to apply outline to text in html css
CSS