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 vote197 views1 answer
Body{text-align: center;}
CSS
0 vote211 views1 answer
Css borrar
CSS
5 votes243 views6 answers
Tailwind CDN
CSS
5 votes205 views3 answers
Change color of bullet points css
CSS
0 vote202 views1 answer
How to build a glass website using HTML and CSS
CSS
0 vote203 views1 answer
Applying multiple transform values to an object css
CSS
0 vote193 views2 answers
Linear gradient and url css
CSS
0 vote197 views2 answers
Easyui datagrid header field color
CSS
3 votes199 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
3 votes196 views2 answers
Make image not draggable css
CSS