Positioning color stops

by malii_constantin

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients -->

<div class="multicolor-linear"></div>

CSS

div {
  width: 120px;
  height: 120px;
}.multicolor-linear {
  background: linear-gradient(-45deg, lime, lime 25%, transparent 20%, red 77%, cyan);
}