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

6 votes103 views3 answers
Django css
CSS
0 vote185 views1 answer
Css 4 3 ratio
CSS
0 vote144 views1 answer
Put light shadow around div
CSS
1 vote183 views1 answer
Ion input padding left
CSS
0 vote138 views1 answer
Iphone CSS
CSS
0 vote158 views1 answer
Center tecxt css
CSS
1 vote144 views2 answers
Fit image in grid css
CSS
0 vote160 views1 answer
Capitalize the first letter of string using CSS
CSS
8 votes168 views5 answers
Css hover change other element
CSS
6 votes141 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS