宝藏模版
往期推荐（点击阅读）：
🤑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
各位黑科技编辑器会员，编辑器内 900+ 的 SVG 组件你们都用过吗？爱的节日又要到来了，我们不仅可以借鉴情人节、七夕节的交互设计，还能结合「520」的数字梗进行创作。
密码解锁-伸长
520 作为数字，可以转化为一个基本的密码。这里我们参考卡地亚《这份爱已加密》的密码设计，它以 N、O、W 为密码，点击下方对应字母展开画面：
点击-伸长
永远不要小瞧最简单的 SVG 经典模型——通过巧妙的素材设计，它们也能生成与众不同的交互感官。以 GQ 实验室《今年情人节，朋友圈静悄悄》为例，多个「点击-伸长」的连续应用令人眼前一亮：
此外，在教程《SVG「多段伸长」和「伸长嵌套」到底有什么区别？》中我们总共介绍了三种复合型的伸长结构，不妨点击蓝色标题进一步学习。
多段伸长/等距伸长
逐步展开的多段伸长与「点击-伸长」的连续使用有所不同，如积家 JaegerLeCoultre 的《520 | 展信佳》是多段伸长的典型形式，情感层层递进，适合 520 场景：
在编辑器组件搜索功能内查找「多段伸长」即可体验！点击阅读《黑科技编辑器 ｜ 多段伸长教程》学习具体操作流程。
文字组合变化（纵向吸附容器滑动）
爱有千万种诠释，GRAFF格拉夫的《解码520密语》通过 E2.COOL 组件「纵向吸附容器滑动」实现了别具一格的文案游戏：
静态背景（固定文案）搭配吸附对齐型的滑块前景（变化文案+产品图），形成了如上的巧妙排版设计，在编辑器的组件搜索功能内查找「纵向吸附容器滑动」即可体验！点击阅读《黑科技编辑器｜纵向吸附容器滑动教程》学习具体操作流程。
全屏樱花雨/全屏爱心雨
520 时值樱花开放的季节，「全屏樱花雨」组件能让任何画面（包括互动结构）增加一个全屏范围的浪漫樱花飘零特效；而「全屏爱心雨」则表达了满满爱意，烘托节日氛围。
视差滑动
视差 perspective 3D 是营造浪漫感的一种常用技术，在 Vogue 的 520 专题《古驰宇宙向你发来邀请》交互图文设计中，视差滑动打造了开场时曼妙的滑动效果：
无限选择器
节日选品难以抉择？不如像 Tiffany 《故事，从开启蓝盒开始……》的情人节预热一样，通过 E2.COOL 热门 UGC 组件「无限选择器」实现无限切换+滑动浏览的效果：
42
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
