《春天花会开》 - 任贤齐

亦是金 · 发表于 2025-4-1 14:56

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

[i=s] 本帖最后由亦是金于 2025-4-1 18:32 编辑 [/i]

亦是金在线音乐

《春天花会开》 - 任贤齐

:doodle { @size: 0px; @shape: circle; left: 6%; top: 75%; cursor: pointer; z-index: 2; background: url(https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/anniu11xg1.png)0 0/100% 100%; animation: rot 6s infinite linear forwards var(--state); } @keyframes rot { to { transform: rotate(360deg); filter:hue-rotate(360deg)} }

:doodle { @size: 100% 100%; } position: absolute; left: @r(255)%; top: -10%; :after { position: absolute; content: '@p( ♬, ♪, ♩, ♫, ✲, ❤, ☺, 💖, ☂, ✿, ❀, 😍)'; color: @p(#ff0000,#ff0ff1,#f8a21b,#2bff0f,#8eedfb,#fcb06c,#a0f888); font-size: @r(25, 40)px; } animation: fall 40s @r(-6, 36)s infinite var(--state); @keyframes fall { from { transform: rotate(0deg) translate(0px); } to { transform: rotate(@r(-250,160)deg) translate(-1500px); } }

:doodle {@size: 100% 100%;margin: 0% 0%;} @grid: 20x1 / 100% 100% :container { perspective: 10vmin; } pointer-events: auto; background: @m( @r(30, 30), radial-gradient( @p(#ff0000,#00ff00,#fff000,#ffffff) 6%, transparent 20% ) @r(100%) @r(100%) / @r(1%, 3%) @lr no-repeat ); @size: 30%; @place-cell: center; border-radius: 50%; transform-style: preserve-3d; animation: scale-up 15s linear infinite var(--state); 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, 55vmin)) rotate(@r(-360deg, 360deg)); } 100% { opacity: 0; transform: translate3d(0, 0, 1vmin); } }