2023.5.19来自我们的声音
位置:
首页 >
黑氏音画[发布: 2024.2.19 作者: 马黑黑 阅读: 130]
:doodle {
@size: 1024px 640px;
background: url('https://638183.freep.cn/638183/t23/2/rc01.jpg') no-repeat center/cover, radial-gradient(black, blue);
background-blend-mode: lighten;
box-shadow: 0 0 8px 0 #000;
position: relative;
margin: 20px auto;
z-index: 1;
--state: paused;
}
@size: @r(4, 8)px;
@place: 390px 360px;
border-radius: 50%;
background: rgba(@m3(@r(222)), @r(.7, 1));
animation: fly @r(6,16)s @r(-6,0)s infinite linear var(--state);
@nth(@size) {
@size: 100px;
@shape: bud 5;
background: rgba(50,50,250,.7);
cursor: pointer;
animation: rot 5s infinite linear var(--state);
}
@keyframes fly {
0% { transform: perspective(800px) rotate(0) translate3d(0, 0, 0); }
100% { transform: perspective(800px) rotate(@p(-720, 720)deg) translate3d(var(--rx), var(--ry), var(--rz)); }
}
@keyframes rot { to { transform: rotate(360deg); } }
--rx: @r(10,50)px; --ry: @r(10,80)px; --rz: @r(20,800)px;
前一篇: 2023.5.18火
下一篇: 2023.5.20海