Live
x
<css-doodle> :doodle { @grid: 1 x 1; } width: 100vw; height: 100vh; --size: @r(0.05, 0.8)deg; --colorA: #fff; --colorB: #000; background: repeating-conic-gradient( var(--colorA), var(--colorB), var(--colorA) var(--size) );</css-doodle>
Live
xxxxxxxxxx6
document.addEventListener('click', function(e) { e.target.update && e.target.update(); });// const doodle = document.querySelector('css-doodle');// console.log('doodle', doodle.seed);
External CSS
This Pen doesn't use any external CSS resources.