console
<script src="https://unpkg.com/css-doodle@0.21.2/css-doodle.min.js"></script>
<css-doodle>
@grid: 14 / 360px;
@random {
border-left: 1px solid
}
@random {
border-top: 1px solid
}
@random(.25) {
background: linear-gradient(
@p(
)
50% / @r(60%) @lr
no-repeat;
}
@random {
filter: drop-shadow(0 0 10px
}
</css-doodle>
<css-doodle>
@grid: 50x1 / 100%;
@place-cell: center;
@size: calc(75% / @I * @i);
transform: rotate(calc(@i * 5deg));
border-radius: 30%;
border: 1px solid hsla(
calc(10 + 4 * @i), 70%, 68%, @r.8
);
</css-doodle>
html,body{
background: #333;
}
css-doodle{
margin: 30px
}