2023.5.21寻
位置:
首页 >
黑氏音画[ 发布时间: 2024.2.19 作者: 马黑黑 阅读: 82 ]
:doodle {
@size: 1024px 640px;
background: url('https://638183.freep.cn/638183/t23/2/200.jpg') no-repeat center/cover;
box-shadow: 0 0 6px #000;
position: relative;
margin: 20px auto;
z-index: 1;
--state: paused;
}
@size: 100px;
clip-path: @shape(
points: 200;
scale: .3;
x: 2 * cos(3t) + cos(t);
y: 2 * sin(t) + sin(2t);
);
position: absolute;
background: rgb(@m3(@r(255)));
offset-path: path('M212 180a300 120 0 1 0 600 0a300 120 0 1 0 -600 0z');
animation: move 40s infinite linear var(--state);
cursor: pointer;
@keyframes move { to { offset-distance: 100%; } }
前一篇: 2023.5.20海
下一篇: 2023.5.23Harmonia(多个圆转）
