<div class="basis"></div>
<div class="repeat"></div>
.basis {
    width: 200px;
    height: 200px;
    margin: 50px auto;
    background: repeating-conic-gradient(deeppink 0 15deg, yellowgreen 0 30deg);
    border: 1px solid #000;
}

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