CodePen Embed - NQbeGR

<div class="box1"></div>
<div class="box2"></div>

.box1{
  height:100px;
  outline:1px solid;
  background-image: linear-gradient(90deg,red 0%,orange 20%,yellow 40%,green 60%,blue 80%,violet 100%);
}

.box2{
  height:100px;
  outline:1px solid;
  background-image: linear-gradient(90deg,red 0%,orange 20%,yellow 40%,green 60%,blue 10%,violet 100%);
}

This Pen is owned by likaiqiang on CodePen.

See more by @likaiqiang on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.