|
:doodle {
@size: 1024px 640px;
background: url('https://pic1.imgdb.cn/item/6470b3b8f024cca173c89540.webp') no-repeat center/cover, radial-gradient(black, blue);
background-blend-mode: lighten;
box-shadow: 0 0 8px 0 #000;
position: relative;
margin: 0 0 0 calc(50% - 593px);
z-index: 1;
--state: paused;
}
@size: @r(4, 8)px;
@place: 90px 60px;
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;
|
评分
-
查看全部评分
月舞云袖免责声明
1、本主题系个人发表,所有言论和图片纯属会员个人所为,与本站立场无关。
2、本主题版权归原创作者所有,转载或引用本贴前务必先征得该帖原作者和月舞云袖网站同意,否则侵权必究。
3、本帖发表者须承担一切因本贴而直接或间接导致的民事或刑事法律责任。
4、本帖内容不代表本站观点,其真实性由本贴发表者负责以及赏贴者自行把握,由此造成的任何损失,本站概不负责。
5、如本帖经查证造成侵权,请立即告知本站,本站将及时删除并致以最深的歉意。
6、月舞云袖站点管理员和版主有权不事先通知发贴者而删除或隐藏违规内容。
|