SVG异形边框及路径动画+CSS动画演示

演示地址:

http://contactu.cn/2021/vue_svg_tweenmax_demo/index.html

- 根据窗体的width/height参数,自动计算生成SVG的path路径

- tweenmax+MorphSVGPlugin生成小光点绕路径环游的动画,tweenmax的CSS动画生成右下角的色彩变化

- VUE组件化,方便复用

本人其它关于SVG应用范例:http://258754.cn/2020/vue_demo/#/demo/svg_nav

可拖拽生成节点的组织结构图-vue+svg+betterscroll+原生js-drag:http://258754.cn/2020/vue_demo/#/demo/dtree

SVG+tweenmax生成曲线音符飘浮动画:http://contactu.cn/2016/svg/test_svg3.html

SVG+tweemmax路径及遮罩动画:围绕着老鹰旋转的两个环:http://contactu.cn/2016/svg/test_svg2.html

 



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