宝藏模版

往期推荐（点击阅读）：

推荐几个莫名好玩的SVG模版

【资料图】

推荐几个瞬间高大上的SVG模版

推荐几个敲级可爱的SVG模版

推荐适合年终总结的SVG模版

⏰推荐可无限循环的SVG模版⏰

推荐适合情人节的SVG模版

推荐适合女神节的SVG模版

推荐几个无比丝滑的SVG模版

6种「等分容器滑动」的妙用

13种精妙的「图片轮播」特效

推荐几个童趣满满的SVG模版

618排版必备SVG模版

属于爸爸们的SVG模版

推荐又红又专的SVG模版

推荐适合中秋的SVG模版

⌛推荐适合双11的SVG模版⌛

推荐适合世界杯的SVG模版

推荐适合圣诞节的SVG模版

推荐适合新年的SVG模版

推荐兔年春节的SVG模版

推荐适合元宵的SVG模版

推荐适合情人节的SVG模版（第Ⅱ期）

推荐适合愚人节的SVG模版

推荐高级感杂志/报刊范儿SVG模版

推荐适合520/521的SVG模版

推荐适合五一旅游SVG模版

推荐适合母亲节的SVG模版

推荐适合儿童节的SVG模版

推荐适合「多巴胺」风格的SVG模版

各位  的会员，编辑器内 1000+ 的 SVG 组件你们都用过吗？自 2016 年 SVG 动画白名单发布以来，公众号一直为其应用的主阵地。但于今年，微博的头条文章内亦开通了 SVG 技术权限，由于技术限制的不同，应用层面的展示也与公众号推文不尽相同，在 E2 官方进行安全测试后，我们推荐以下几款组件作为初步上手的应用，不妨一起来看看吧！

上色伸长

伴随着物体的下落，画布逐渐擦出伸长，实现了画板上色的效果。让原本单调的图文重新焕发生机，视觉效果极佳，趣味性十足。这是一款套件式组合应用效果，用户可自主在编辑器内进行搭建。

上方 SVG 动画的具体搭建方法如下：

其布局重点在于：

1）采用「二分栏（自定义比例）」组件，分别在两个嵌套区内放置去色效果和上色伸长效果。此处请注意自定义参数的填写，如上图所示。

2）在「点击伸长」组件后添加「无缝图」上传固定掉落的元素素材，并通过自定义参数调节其上移距离，建议设定位置时避免元素与触发区重合。

横向视差滑动

这是一款品牌方常用且极具优雅体验的立体排版效果，横向滑动时不同元素差速入场，营造出强烈的景深效果，无论是作为新品发布或是长漫的体现，都是高级交互模型的第一选择，故十分推荐作为头条文章中的应用。

在  的组件搜索功能内查找「横向视差滑动」即可体验！该组件的具体教学可以点击阅读《黑科技编辑器｜横向视差滑动教程》。

E2 爆炸图

长按后画面元素在 Y 轴方向上移动分散，松手后恢复初始状态。该组件效果仅在微博头条文章中可见，不支持在微信公众号平台预览哦！

在  的组件搜索功能内查找「E2 爆炸图」即可体验！该组件的发布效果具体可移步《微博 SVG 实例-爆炸图（E2 编辑器测试）》查看。

错层滑动

不得不说，此款组件模型十分经典且又经久不衰，用户总能将其玩出新的花样。利用前景的合理遮挡实现元素的穿插掉落，简单的搭建方式却能够实现令人眼前一亮的效果。

滑屏（拖拽）入场

如何实现在下滑触屏的过程中，元素自动入场？这里推荐滑屏类的组件应用，由触屏触发动画效果，在下滑的过程中不断引导用户阅读，达到一种耳目一新的视觉体验。

在  的组件搜索功能内查找「滑屏（拖拽）入场」即可体验！

无限往返伸缩器

除了单次执行的动画效果外，亦可实现无限次的动画触发。该组件在品牌宣传中的应用场景广泛，无限次的伸长和收缩实现了信息的分层释放和折叠，有效减少了读者的阅读压力。

在  的组件搜索功能内查找「无限往返伸缩器」即可体验！

所有自动运行的动画组件

在包括「多图展示」、「自动动画」等专区中，无需任何触控，自动进行播放的动画均可以在微博 SVG 中应用，推荐点击阅读《以SVG展示商品？26款轮播/滑动模板任你选择。》进行具体的实践，如操作过程中有任何组件失效或故障问题，欢迎咨询平台客服，微博 SVG 的实际运行效果应以微博官方的头条文章呈现效果为准。

这里是黑科技编辑器（），会的比别人多一点