2023.5.31我们的世界贺六一
位置:
首页 >
黑氏音画[发布: 2024.2.20 作者: 马黑黑 阅读: 122]
:doodle {
@size: 1024px 600px;
background: #eee url('https://638183.freep.cn/638183/t23/webp1/61c.webp') no-repeat center/cover;
box-shadow: 0 0 6px #000;
position: relative;
margin: 20px auto;
opacity: .95;
z-index: 1;
--state: paused;
}
@nth(1) {
@size: 100%;
position: absolute;
background-image: @svg(
viewBox: 0 0 10 10;
stroke: rgba(0,100,0,.45);
stroke-width: .05;
stroke-linecap: round;
line*20x20 {
x1, y1, x2, y2: @p(
@nx(-1) @ny(-1) @nx @ny,
@nx @ny(-1) @nx(-1) @ny,
@nx @ny(-1) @nx @ny
);
}
);
}
@match(i ≥ 2 && i ≤ @size - 1) {
@size: 200px;
@place: @r(100, 920)px @r(100, 540)px;
background: @doodle(
@grid: 6x1 / 200px;
@place: @plot(r: .3; dir: auto - 120);
@size: 50%;
border-radius: 50%;
box-shadow: @r(20,40)px 0 0 -10px rgb(@m3(@r(255)));
);
cursor: pointer;
animation: rot @r(4,8)s infinite linear var(--state);
}
@nth(@size) {
@size: 120px;
@place: 70% 578px;
font-size: 40px;
:after { content: '👨👩👧👦';}
}
@keyframes rot { to { transform: rotate(360deg); } }
前一篇: 2023.5.30雾里看花
下一篇: 2023.6.3音乐