2023.5.23Harmonia(多个圆转)
位置:
首页 >
黑氏音画[发布: 2024.2.19 作者: 马黑黑 阅读: 132]
:doodle {
@size: 1000px 779px;
background: url('https://638183.freep.cn/638183/t23/webp1/harmonia.webp');
box-shadow: 0 0 6px #000;
position: relative;
z-index: 1;
margin: 20px auto;
--state: paused;
}
@size: @r(60,160)px;
position: absolute;
background: linear-gradient(@m3(rgb(@m3(@r(255)))));
clip-path: @shape(
points: 300;
turn: 2;
frame: 2;
scale: .5;
r: seq(.85, 10, .85);
);
border-radius: 50%;
cursor: pointer;
offset-path: path('M100 100 Q500 400 900 100');
offset-distance: calc((@i - 1) * 20%);
animation: rot 8s infinite linear var(--state);
@keyframes rot { to { transform: rotate(360deg); } }
前一篇: 2023.5.21寻
下一篇: 2023.5.29蓝天白云