<div class="orig"></div>
<div class="position-changed"></div>
html {
  --colors: red, green, blue;
}
div {
  width: 200px;
  height: 200px;
  margin: 5px;
}
.orig {
  background-image: conic-gradient(var(--colors));
}
.position-changed {
  background-image: conic-gradient(from 90deg at 50% 100%, var(--colors));
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.