2023.5.15雨夜
位置:
首页 >
黑氏音画[ 发布时间: 2024.2.19 作者: 马黑黑 阅读: 135 ]
:doodle {
@size: 1024px 683px;
background: #000 url('https://638183.freep.cn/638183/t23/1/night1.jpg');
box-shadow: 0 0 8px #000;
position: relative;
z-index: 1;
margin: 20px auto;
}
@match(i ≤ @size - 2) {
@size: @r(1,2)px @r(10,60)px;
@place: @r(0,1024)px -100px;
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.3));
animation: fall @r(.5,1.5)s @r(-4,0)s infinite linear var(--state);
}
@nth(@size - 1, @size) {
@size: 100px;
@place: 340px 300px;
clip-path: @shape(
fill: evenodd;
points: 50;
scale: .45;
x: cos(2t) + cos(π - 7t);
y: sin(2t) + sin(7t);
);
background: tan;
cursor: pointer;
animation: rot 4s infinite linear var(--state);
}
@nth(@size) { @place: 788px 160px; }
@keyframes fall { to { transform: translateY(783px); } }
@keyframes rot { to { transform: rotate(360deg); } }
前一篇: 2023.2.23许你
下一篇: 2023.5.17小花转动