<script type="text/javascript" src="https://unpkg.com/css-doodle@0.34.7/css-doodle.min.js"></script>
<css-doodle click-to-update>
<style>
@grid: 7 / 100vmax / #0a0c27;
@shape: clover 5;
background: hsla(-@i(*4), 70%, 68%, @r.8);
transform:
scale(@r(.2, 1.5))
translate(@m2.@r(±50%));
</style>
</css-doodle>
HTML
格式化
支持Emmet，输入 p 后按 Tab键试试吧！
<head> ... </head>
<body>
</body>
预览
控制台