CSS - CSS Rainbow Background
CSS Rainbow Background
You can see an example of this on the home page of this site.
This one uses multiple colours in a linear-gradient tag to change the background of demo-box to a rainbow.
HTML
<div class="demo-box linear-gradient-multi-rainbow">Mmm.. Rainbow</div>CSS
.linear-gradient-multi-rainbow {
background:linear-gradient(45deg, #dc3b3e, #3b99dc 50%, #3bdc90 75%, rgb(255 141 0) 100%);
}
.demo-box {
height:500px;
width:100%;
border-radius:10px;
}Result
Mmm.. Rainbow