海底世界 -- 今天六一儿童节

小辣椒

:doodle { @size: 892px 570px; z-index: 1; } @size: 100px; clip-path: @shape( points: 480; scale: .3; move: 0 .35; x: sin(t) + sin(6t) + tan.sin(2t); y: cos(t) + cos(5t) + tan.cos(8t); ); position: absolute; transform: rotate(90deg); background: Lime; offset-path: path('M412 150Q212 0,212 100 T700 100Q500 0,600 100 T400 150'); animation: move 20s infinite linear var(--state); cursor: pointer; @keyframes move { to { offset-distance: 100%; } } :doodle { @size: auto 4em; top: 420px; left: 37%; --geci: "花潮lrc在线"; --motion: cover2; --tt: 1s; } /* 单元格两个伪元素显示lrc歌词 */ display: grid; place-items: center start; :before, :after { content: var(--geci); color: snow; /* 歌词底色 */ font: bold 2em sans-serif; text-shadow: 1px 1px 2px #000; white-space: pre; } :after { position: absolute; width: 0; color:Lime; /* 同步歌词颜色 */ 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%; } } animation: fall 40s @r(-6, 36)s infinite var(--state); @keyframes fall { from { transform: rotate(0deg) translate(0px); } to { transform: rotate(@r(-60,60)deg) translate(-1500px); } }

小辣椒

@红影

亲爱的，速度的抄个作业

小辣椒

就路径瞎改了一下，旧图图做的，最近没有怎么做作业，只能少玩一下了

亦是金

又见到小辣椒！高兴！问好了，节日快乐！

走过岁月

六一海底世界游

樵歌

开心

梦缘

好看的海底世界，感谢分享，点赞!

梦油

小辣椒朋友的制作十分贴近哈孩子们的爱好。

小文

过六一罗

红影

还有一条播放器的羽儿跟着一起遨游，非常可爱的制作。亲爱的帖子太棒了

南无月

色彩鲜艳美丽，十分欢乐的六一贺贴

千羽

美轮美奂的海底世界，太漂亮了

千羽

小辣椒，节日快乐

千羽

才发现这儿歌挺好听

小辣椒

千羽 发表于 2023-6-1 19:28
才发现这儿歌挺好听

千羽晚上好

小辣椒

千羽 发表于 2023-6-1 19:27
小辣椒，节日快乐

我不是儿童了，是儿童他妈了

小辣椒

千羽 发表于 2023-6-1 19:26
美轮美奂的海底世界，太漂亮了

去年的旧图，今年继续用

小辣椒

南无月 发表于 2023-6-1 18:41
色彩鲜艳美丽，十分欢乐的六一贺贴

月儿晚上好

焱鑫磊

这个更漂亮！赞！