|
|
楼主 |
发表于 2023-5-24 11:14
|
显示全部楼层
:doodle {
@size: 1200px 700px;
z-index: 1;
--state: paused;
}
@match(i ≤ @size - 3) {
@size: @r(40,110)px;
position: absolute;
@shape: @p(fish, whale);
@place:50px 50px;
background: SlateBlue;
offset-path: path('M@r(200) @r(200,400), L@r(500,700) @r(300), L@r(1000,1160) @r(200,400), L@r(400,550) @r(300,460)Z');
:after {
position:absolute;
content: '';
right: 10px;
width: 10px;
height: 10px;
border-radius: 50%;
background: radial-gradient(black,snow);
}
animation: swim @r(10,30)s @r(-10, 0)s infinite ease-in-out var(--state);
}
@nth(@size - 2, @size - 1, @size) {
@size: 110px;
@place: center 82%;
background: rgba(0,255,0,.75);
cursor: pointer;
clip-path: @shape(
points: 300;
scale: .7;
r: cos.cos.cos.cos.cos(7t) ^ cos(7t);
);
animation: rot 5s infinite linear var(--state);
}
@nth(@size - 1) { @size: 90px; @place: 48% 72%; }
@nth(@size) { @size: 80px; @place: 54% 73%; }
@keyframes swim { to { offset-distance: 100%; } }
@keyframes rot { to { transform: rotate(360deg); } }
|
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
 小辣椒
| + 50 |
+ 100 |
+ 50 |
很给力! |
查看全部评分
|
楼主: 红影
显身卡
发表于 2023-5-24 11:45
发表于 2023-5-24 12:11
发表于 2023-5-24 17:52
