CSS图书馆 » 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

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

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

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

  1. 小四岛的原著居民 - 回复

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

  2. carcompany - 回复

    这技术很厉害的样子


{ 发表评论 }