注册时间2021-11-18
在线时间 小时
- 最后登录
- 1970-1-1
|
本帖最后由 起个网名好难 于 2023-5-14 09:53 编辑
:doodle {
@size: 900px 1114px;
@grid: 50x1;
margin: -100% 0%;
--aniPlayState:paused;
}
:container { perspective: 10vmin; }
pointer-events: auto;
background: @m( @r(120, 120), radial-gradient( @p(#ff0000,#00ff00,#fff000,#ffffff) 6%, transparent 20% ) @r(100%) @r(100%) / @r(1%, 3%) @lr no-repeat );
@size: 50%;
@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
|
评分
-
查看全部评分
|