2023.5.29蓝天白云
位置:
首页 >
黑氏音画[发布: 2024.2.19 作者: 马黑黑 阅读: 134]
:doodle {
@size: 1024px 640px;
background: url('https://638183.freep.cn/638183/t23/2/xp.jpg') no-repeat center / cover;
box-shadow: 0 0 6px #000;
display: block;
position: relative;
margin: 20px auto;
z-index: 1;
--state: paused;
}
@match(i ≤ 14) {
@place: @r(100,924)px @r(480,540)px;
@size: 200px;
background-image: @svg(
viewBox: 0 0 10 10;
stroke: tan;
stroke-width: .1;
path*3 {
fill: none;
d: @pn(M 5 10 Q 5 5 8 1, M 5 10 Q 4 5 2 4, M 5 10 Q 6 6 8 4);
}
circle*3 {
fill: @pn(purple, crimson, deeppink);
cx, cy: @pn(8 1, 2 4, 8 4);
r: .5;
}
);
}
@nth(15) {
@place: 50% 640px;
font-size: 3.5em;
:after {content: '🐕';}
}
@nth(16) {
@place: 50% 20%;
font-size: 5em;
cursor: pointer;
:after {content: '🏵️';}
animation: rot 5s infinite linear var(--state);
}
@keyframes rot { to { transform: rotate(1turn); } }
前一篇: 2023.5.23Harmonia(多个圆转）
下一篇: 2023.5.30雾里看花
