宝藏模版
往期推荐（点击阅读）：
🤑618排版必备SVG模版🤑
http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505052&idx=1&sn=40d88344ea787fbfcdfe7d4597a02faa&chksm=c3256ca6f452e5b041deaba9838b1159bdec451d455d2ba9cd60e8db194a95cae7af58b08b2b&scene=21#wechat_redirect
🤠属于爸爸们的SVG模版🤠http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505196&idx=1&sn=b3e267edfa44b86de7331e476f538d20&chksm=c3256d16f452e4008624efa170c4b6d2949be8dde287af4375eeaece0642305428230183e926&scene=21#wechat_redirect
各位编辑器会员，编辑器内 1000+ 的 SVG 组件你们都用过吗？自 2016 年 SVG 动画白名单发布以来，公众号一直为其应用的主阵地。但于今年，微博的头条文章内亦开通了 SVG 技术权限，由于技术限制的不同，应用层面的展示也与公众号推文不尽相同，在 E2 官方进行安全测试后，我们推荐以下几款组件作为初步上手的应用，不妨一起来看看吧！
上色伸长
伴随着物体的下落，画布逐渐擦出伸长，实现了画板上色的效果。让原本单调的图文重新焕发生机，视觉效果极佳，趣味性十足。这是一款套件式组合应用效果，用户可自主在编辑器内进行搭建。
上方 SVG 动画的具体搭建方法如下：
其布局重点在于：
1）采用「二分栏（自定义比例）」组件，分别在两个嵌套区内放置去色效果和上色伸长效果。此处请注意自定义参数的填写，如上图所示。
2）在「点击伸长」组件后添加「无缝图」上传固定掉落的元素素材，并通过自定义参数调节其上移距离，建议设定位置时避免元素与触发区重合。
横向视差滑动
这是一款品牌方常用且极具优雅体验的立体排版效果，横向滑动时不同元素差速入场，营造出强烈的景深效果，无论是作为新品发布或是长漫的体现，都是高级交互模型的第一选择，故十分推荐作为头条文章中的应用。
在编辑器组件搜索功能内查找「横向视差滑动」即可体验！该组件的具体教学可以点击阅读《黑科技编辑器｜横向视差滑动教程》。
E2 爆炸图
长按后画面元素在 Y 轴方向上移动分散，松手后恢复初始状态。该组件效果仅在微博头条文章中可见，不支持在微信公众号平台预览哦！
在编辑器组件搜索功能内查找「E2 爆炸图」即可体验！该组件的发布效果具体可移步《微博 SVG 实例-爆炸图（E2 编辑器测试）》查看。
错层滑动
不得不说，此款组件模型十分经典且又经久不衰，用户总能将其玩出新的花样。利用前景的合理遮挡实现元素的穿插掉落，简单的搭建方式却能够实现令人眼前一亮的效果。
滑屏（拖拽）入场
如何实现在下滑触屏的过程中，元素自动入场？这里推荐滑屏类的组件应用，由触屏触发动画效果，在下滑的过程中不断引导用户阅读，达到一种耳目一新的视觉体验。
在编辑器组件搜索功能内查找「滑屏（拖拽）入场」即可体验！
无限往返伸缩器
除了单次执行的动画效果外，亦可实现无限次的动画触发。该组件在品牌宣传中的应用场景广泛，无限次的伸长和收缩实现了信息的分层释放和折叠，有效减少了读者的阅读压力。
在编辑器组件搜索功能内查找「无限往返伸缩器」即可体验！
所有自动运行的动画组件
在包括「多图展示」、「自动动画」等专区中，无需任何触控，自动进行播放的动画均可以在微博 SVG 中应用，推荐点击阅读《以SVG展示商品？26款轮播/滑动模板任你选择。》进行具体的实践，如操作过程中有任何组件失效或故障问题，欢迎咨询平台客服，微博 SVG 的实际运行效果应以微博官方的头条文章呈现效果为准。
扫一扫
1231
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
