查看: 316|回复: 7

[活动] 【婴宁音画】鸿雁

[复制链接]
发表于 2023-8-18 11:54 | 显示全部楼层 |阅读模式
本帖最后由 婴宁 于 2023-8-18 09:48 编辑

:doodle { @size: 100%; box-shadow: 20px auto; --ww: 300px; --prog: 0; --tt1: '00:00'; --xplace: 50%; --yplace: 98%; --color: snow; } position: absolute; @nth(1) { @size: var(--ww) 2px; @place: var(--xplace) var(--yplace); background: silver; :before, :after { content: ''; } :before { position: absolute; left: 0; width: var(--prog); height: 100%; background: var(--color); } :after { width: 100%; height: 10px; cursor: pointer; } } @nth(2) { @size: var(--ww) 20px; @place: var(--xplace) calc(var(--yplace) - 20px); :before, :after{ position: absolute; width: 100%; height: 100%; color: var(--color); } :before { content: var(--tt1); } :after { content: var(--tt2); text-align: right; } } @nth(3) { @size: 60px; @place: var(--xplace) calc(var(--yplace) - 36px); cursor: pointer; animation: rot 6s infinite linear var(--state); :after { content: ''; @size: inherit; @shape: clover 4; background: var(--color); } } @match(i ≥ 4) { @size: 80px 48px; @place: 50px 44px; background: url('https://638183.freep.cn/638183/t22/gif/ying1.gif'); offset-path: path('M50 44 Q500 300 900 44'); offset-distance: 0%; animation: fly 30s calc((@size - @i) * -2.5s) infinite linear var(--state); } @keyframes fly { to { offset-distance: 100%; }} :doodle { @size: auto 3em; left: 50%; top: 5%; transform: translate(-50%); --geci: ''; --motion: cover2; --tt: 1s; } display: grid; place-items: center start; :before, :after { content: var(--geci); width: fit-content; height: fit-content; font: bold 2.4em Sans-serif; color: #ccc; text-shadow: 1px 1px 2px #000; white-space: pre; } :after { position: absolute; white-space: pre; width: 0; color: red; overflow: hidden; animation: var(--motion) var(--tt) linear forwards var(--state); } @keyframes cover1 { from { width: 0; } to { width: 100%; } }

鲜花

5

查看全部鲜花

点评
 楼主| 发表于 2023-8-18 11:54 | 显示全部楼层
这是鸿雁不,应该是,就当是了吧。
点评
发表于 2023-8-18 12:08 | 显示全部楼层
你家二沙发,也挺不错。

哎呦,还有松花的酒,春水的茶,不错。虽然没见到。:)
点评
发表于 2023-8-18 12:12 | 显示全部楼层
婴宁 发表于 2023-8-18 11:54
这是鸿雁不,应该是,就当是了吧。

不是啦。

这个应该是白头鹰,又叫白头海雕,美国国鸟,国徽上有。
韩国的国鸟竟然是喜鹊。哈。

我们国家的国鸟还未定。
点评
发表于 2023-8-18 12:35 | 显示全部楼层
好看的动画,周末快乐!
点评
发表于 2023-8-18 13:38 | 显示全部楼层
五光十色,漂亮
点评
发表于 2023-8-18 17:19 | 显示全部楼层
图越来越精彩,周末快乐!
点评
发表于 2023-8-18 19:46 | 显示全部楼层
这背景,像崂山的海湾
点评
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|千山论坛

GMT+8, 2025-2-24 08:23

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表