<div></div>
@function randomNum($max, $min: 0, $u: 1) {
	@return ($min + random($max)) * $u;
}

@function randomConicGradient() {
    $n: random(30) + 10;
	$list: ();
    
	@for $i from 0 to $n {
		$list: $list, rgb(randomNum(255), randomNum(255), randomNum(255));
	}
		
	@return conic-gradient($list, nth($list, 1));
}

div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100vmax;
    width: 200vmax;
    height: 200vmax;
    background: randomConicGradient();
    animation: rotate 6s ease-in-out infinite;
}

@keyframes rotate { 
    to { 
        transform: rotate(1turn); 
    } 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js
  2. //leaverou.github.io/conic-gradient/conic-gradient.js