/CSS/Background with three line color css

Background with three line color css

div {
  background:linear-gradient(to bottom, #c4d7e6 0, #c4d7e6 33%, #66a5ad 33%, #66a5ad 66%, #ff0000 66%, #ff0000 100%);
  width: 100%;
  height:64px;
}

Source: stackoverflow.com

Similar codes

126 votes209 views7 answers
Css box shadow
CSS
3 votes170 views1 answer
Rotate icon on click css
CSS
0 vote263 views1 answer
How to transition text color css
CSS
6 votes200 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
0 vote192 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
1 vote189 views1 answer
Ionic input line color
CSS
0 vote218 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
1 vote223 views1 answer
Linux bash sort folders ascending
CSS
2 votes207 views2 answers
Display flex align last item to left
CSS
0 vote175 views1 answer
Hover show scrollbar css
CSS