利用SVG+CSS实现简单的动态图片为帖子增添色彩

Zapic · 发表于 2021-10-29 12:55:03

您尚未登录，立即登录享受更好的浏览体验！

您需要登录才可以下载或查看，没有帐号？注册(register)

x

本帖最后由 Zapic 于 2021-10-29 12:56 编辑

上面这个加载圈并不是一个GIF, 这是一个SVG动画.
通过简单易上手的SVG和CSS, 我们可以轻松创建任何我们想要的效果.
甚至整个帖子都可以用SVG来制作.
可以为平淡无味的帖子增加许多有意思的动态效果.
而这一切都非常简单, 最后的结果可能只有简简单单的数十kb的大小, 完全不会影响帖子的加载速度.
下面随便引用一个svg动画图, 可以简单的展示一下svg动画能做到什么程度:

https://github.com/lx200916/lx200916/blob/main/hello.svg

SVG动画远流畅于GIF, 制作难度远低于GIF, 加载速度远高于GIF, 清晰度远高于GIF, 没有什么理由让SVG继续吃灰了.

SHEEP_REALMS · 发表于 2021-10-29 12:58:52

flash还活着的时候，这种操作还有挺多人玩的，flash死了大家都把svg忘了

御坂10492号 · 发表于 2021-10-29 14:56:21

因为flash死了

xmdhs · 发表于 2021-10-29 15:22:44

本帖最后由 xmdhs 于 2021-10-29 15:53 编辑

svg 还能引用外部 css 是没想到的。

在论坛试试效果

看来不行。

试试动画

试试布局

Zapic · 发表于 2021-10-29 17:24:15

本帖最后由 Zapic 于 2021-10-29 17:32 编辑

SHEEP_REALMS 发表于 2021-10-29 12:58
flash还活着的时候，这种操作还有挺多人玩的，flash死了大家都把svg忘了

现在利用css3的强大特性可以比flash活着的时候更加为所欲为所欲为所欲为

* 除了完全不可交互.png

帐号		自动登录	找回密码
密码			注册(register)

拯救MCBBS：论坛页面归档列表

利用SVG+CSS实现简单的动态图片为帖子增添色彩 - 矿工茶馆 - Minecraft(我的世界)中文论坛 -.htm

[闲聊] 利用SVG+CSS实现简单的动态图片为帖子增添色彩

您尚未登录，立即登录享受更好的浏览体验！