注册时间2021-11-18
在线时间 小时
- 最后登录
- 1970-1-1
|
本帖最后由 起个网名好难 于 2023-9-4 09:11 编辑
:doodle {
@size: 1188px 770px;
@grid: 7;
--aniPlayState:paused;
position:absolute; left:0px; top:0px;
}
:container { perspective: 10vmin; }
pointer-events: auto;
background: @m( @r(120, 120), radial-gradient( @p(red,green,#fff000,white) 6%, transparent 20%) no-repeat @r(100%) @r(100%) / @r(1%, 3%) @lr );
@place-cell: center;
border-radius: 50%;
transform-style: preserve-3d;
animation: scale-up 15s linear infinite var(--aniPlayState);
animation-delay: calc(@i * -.6s);
@keyframes scale-up {
0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(0); }
10% { opacity: 1; }
95% { transform: translate3d(0, 0, @r(50vmin, 85vmin)) rotate(@r(-360deg, 360deg)); }
100% { opacity: 0; transform: translate3d(0, 0, 1vmin); } }
click to play
|
评分
-
查看全部评分
|