SOURCE

console 命令行工具 X clear

                    
>
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 #5d81bc;
}
@random {
  border-top: 1px solid #5d81bc;
}
@random(.25) {
  background: linear-gradient(
    @p(#fff, tan, #5d81bc), @lp
  )
  50% / @r(60%) @lr
  no-repeat;
}
@random {
  filter: drop-shadow(0 0 10px #fff);
}
</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
}