Grid 布局即可,使用 CSS-Doodle 的话,语法如下:
:doodle {
@size: 100vw 100vmin...border-radius: 50%;
简单解释下上面的代码:
grid="100x100" 表示实现一个 100x100 的 Grid 布局
@size: 100vw 100vmin...(@r(1, 255, 3), @r(10%, 90%), @r(10%, 90%));
transform: rotate(@r(360deg)) translate(@r(-50, 50)vmin...
:doodle {
@size: 100vw 100vmin;
perspective: 10px;..., 60vmin), @r(-60vmin, 60vmin), @r(-1500, -2000)px);
box-shadow:
0 0 0.5px #fff,
0 0 2px