DJ中文串烧慢摇音乐舞曲

三月的阳光

:doodle { @size: 80px; animation: rot 4s infinite linear var(--state); cursor: pointer; } background: rgba(244,164,96,.9); clip-path: @shape( points: 18; R: seq(.618, 1, 0); T: seq(t-.55, t, t); x: R * cos(T); y: R * sin(T); ); @keyframes rot { to { transform: rotate(1turn); } } :doodle { @size: auto 4em; bottom: 10px; --geci: "css-doodle player"; --motion: cover2; --tt: 1s; } /* 单元格两个伪元素显示lrc歌词 */ display: grid; place-items: center start; :before, :after { content: var(--geci); color: Honeydew; /* 歌词底色 */ font: bold 2em sans-serif; text-shadow: 1px 1px 2px #000; white-space: pre; } :after { position: absolute; width: 0; color:SandyBrown; /* 同步歌词颜色 */ overflow: hidden; animation: var(--motion) var(--tt) linear forwards var(--state); } @keyframes cover1 { from { width: 0; } to { width: 100%; } } @keyframes cover2 { from { width: 0; } to { width: 100%; } }

三月的阳光

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

三月的阳光

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(1) 收起回复

一抹微蓝 2023-5-21 21:14

回复

周末愉快哈

我要说一句

蜻蜓

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

浅笑

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

愤怒の葡萄

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

蜻蜓

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

蜻蜓

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

愤怒の葡萄

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句

三月的阳光

游客，您所在的用户组（游客）暂无权限查看回复内容，请登录后查看。如需要注册请点击我要注册

我要说一句(0) 收起回复

我要说一句