2023.4.28大自然之音
位置:
首页 >
黑氏音画[ 发布时间: 2024.2.18 作者: 马黑黑 阅读: 69 ]
:doodle {
@size: 1024px 640px;
background: url('https://638183.freep.cn/638183/t23/1/4000_3.jpg') no-repeat center/cover;
pointer-events: none;
margin: 20px auto;
box-shadow: 0 0 8px #000;
--state: paused;
}
@size: 200px;
@place: center 120px;
cursor: pointer;
pointer-events: auto;
@at(1,1) {
background: gray linear-gradient(red,green,red);
clip-path: @shape(
points: 300;
frame: 60;
scale: .65;
r: abs.cos(9t) ^ cos(9t);
);
animation: rot 6s infinite linear var(--state);
}
@at(1,2) {
@size: 100px;
@place: 360px 420px;
background: linear-gradient(silver,lightgreen);
clip-path: @shape(
points: 720;
scale: .4 .3;
-y: cos(5t) + cos(3t) + cos(5t);
x: sin(3t) + sin(3/t) + sin(2t);
);
transform-origin: bottom bottom;
animation: swing .5s infinite alternate linear var(--state);
}
@keyframes rot { to { transform: rotate(1turn); } }
@keyframes swing { from { transform: rotate(-2deg); } to { transform: rotate(2deg); } }
前一篇: 2023.4.27明日妄想曲
下一篇: 2023.5.1俄罗斯方块
