Css background rainbow

#grad1 {
    height: 200px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet); /* Standard syntax (must be last) */
}

Source: stackoverflow.com

Similar codes

37 votes119 views4 answers
Css hover pointer
CSS
0 vote114 views1 answer
Tailwind css image grid
CSS
158 votes155 views5 answers
Css background image with url
CSS
3 votes118 views1 answer
Learn css animation
CSS
61 votes234 views2 answers
Bootstrap flex direction column
CSS Bootstrap
23 votes146 views5 answers
How to rotate image in css
CSS
0 vote109 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
70 votes128 views4 answers
Css remove scrollbars
CSS
1 vote102 views1 answer
How to create a semi circle in css
CSS
0 vote99 views1 answer
Regex remove css comment
CSS