CodePen Embed - HUE color animation

<div class="box"></div>

.box {
  background: hsl(calc(var(--hue, 0) * 1deg), 100%, 50%);
  height: 200px;
  transition: all 0.5s linear;
}

.box:hover {
  --hue: 359;
}

This Pen is owned by Georgi Popov on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.