HTML & CSS » SVG动画力作《熊猫工场》 支持响应式

SVG动画力作《熊猫工场》 支持响应式

发表于: HTML & CSS. 评论 (2)
Sponsor

最近在Codepen上发现一个惊人的SVG动画作品，在国内SVG还没流行起来，国外就已经强势到这样子，看来得努力学习SVG相关技术才行，下面是这个SVG动画的介绍：

svg-animation

小编将其命名为《熊猫工场》，请打开DEMO查看真实效果，用户可以点击画面中的操作杆来激活一个操作。

DEMO演示地址：http://codepen.io/sdras/full/waXKPw/

这个SVG除了动画图案有趣外，还使用了响应式技术，在手机端和桌面平台都有不同的效果，想法十分细心，同时这个SVG响应式这个概念也值得我们思考。

桌面端效果：
svg-animation-2

 

手机端效果：
svg-animation-3

用户可以直接缩小浏览器大小来查看。

赞助商链接

与 、 相关的文章

赞助商链接
设计达人微信交流社区：shejidaren888
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
«
»

+ 添加评论2 Responses to “SVG动画力作《熊猫工场》 支持响应式”

  1. 小四岛的原著居民 - 回复
    2015 年 09 月 21 日 上午 10:36

    想知道做SVG动画有没有可视化编辑方式呢

  2. carcompany - 回复
    2015 年 07 月 15 日 下午 6:47

    这技术很厉害的样子


{ 发表评论 }