前端研究 订阅所有【前端研究】的Beplay

GSAP官网上的示例动画集，经过学习，我也能制作了

作者:admin 日期:2016-06-16
字体大小: 小 中 大

以下 GSAP官网上的示例动画集，经过学习，我也能制作这些SVG的遮罩、形变、路径类的动画，以设计师的创作提供更大的想象空间。

MorphSVGPlugin Examples

  • Official MorphSVGPlugin Demo (at the top of this page) by Jack Doyle-----官方示例
  • SVG Pencil Download by Chris Gannon----铅笔变箭头
  • "!?" to GreenSock Logo by Chris Gannon----！？图形变成绿袜子小人
  • Send Email Success/Failure by Chris Gannon---邮件发送成功后变成对钩
  • Father & Son by Diaco--父亲和儿子的头像变换--烟雾动效
  • Count Down & Count Up by Chris Gannon-----10的倒计时
  • Life is Short by Chris Gannon----奶瓶变坟墓
  • Bow & Arrow by Chris Gannon-----开弓放箭
  • Simple Polyline Morphing by Jack---平板转五星转方块
  • Happy/Sad Face (click the face) by Chris Gannon----哭脸和笑脸
  • Bad Hair Day (click the face) by Chris Gannon-----电风吹把头发吹曲
  • Flame by Sarah Drasner-----烛火摇曳
  • Interchangeable Hipster by Sarah Drasner--胡子和眼镜变化 
  • Floating Duckie by Brad Larson----波浪上的鸭子
  • Power of GSAP (lightening) by Diaco--电灯灯丝发光
  • Animal Shapes by Carl Schooff-----动物形状变化 


    • [本Beplay由 admin 于 2016-06-16 12:08 AM 编辑]
    文章来自: 本站原创
    引用通告: 查看所有引用 | 我要引用此文章
    Tags:
    相关Beplay:
    评论: 0 | 引用: 0 | 查看次数: 3600
    发表评论
    昵　称:
    密　码:
    游客发言不需要密码.
    邮　箱:
    支持Gravatar头像.
    网　址:
    输入网址便于回访.
    内　容:
    验证码:
    选　项:
    虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.
    字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭