本帖最后由 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继续吃灰了.

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

因为flash死了

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

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

在论坛试试效果


看来不行。

试试动画
  
试试布局

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

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

* 除了完全不可交互.png