2023.4.27明日妄想曲
位置:
首页 >
黑氏音画[ 发布时间: 2024.2.18 作者: 马黑黑 阅读: 75 ]
:doodle {
@grid: 4 / 1024px 640px;
background: url('https://638183.freep.cn/638183/t23/1/fgjk.jpg') no-repeat center/cover;
margin: 20px auto;
box-shadow: 0 0 8px #000;
pointer-events: none;
--state: running;
}
@match(i <= 12) {
@place-cell: 50% 15%;
@size: calc(@i() * 12px);
@shape: bud 10;
border: 6px solid #@repeat(6, @p([0-9a-f]));
pointer-events: auto;
cursor: pointer;
animation: rot 4s infinite linear var(--state);
}
@match(i > 12) {
background: gray;
@size: @p(40px, 80px);
@shape: @p(whale,fish);
@place-cell: 720px 440px;
transform: rotate(calc((@size() - @i() + 1) * 30deg)) translate(80px);
}
@keyframes rot { to { transform: rotate(360deg); } }
前一篇: 2023.4.25将进酒见千山
下一篇: 2023.4.28大自然之音
