一图看懂好利来老鼠接奶酪SVG交互|伸长+滑动叠加排版|E2.COOL黑科技SVG编辑器

点击首页,GIF 开始播放并透出下层内容。金色的芝士浪花完全消散后,可见趣味的小老鼠接奶酪特效。并且你可以左右滑动它们,着实妙趣横生。

素材形态

Slice

这一特效依托多组 GIF 布局而成,其主体可采用黑科技编辑器的「点击-播放GIF-伸长」,而切换后的滑动效果通过「浮层」和「半屏容器滑动(逆向)」进行组合实现。

素材准备

素材的特殊之处在于**金色的芝士浪花实际为透明 GIF,**因此可以自然而然露出 GIF 的结束画面(动态背景):

它们的实际结构图层关系如下,随着过场 GIF 的运行会逐步展示底层的背景动态和可滑动的透明小老鼠:

下方展示在黑科技 SVG 编辑器中的核心布局。其中 GIF 最后一帧上传的是过场动态结束时背景 GIF,「浮层」组件则巧妙地将「半屏容器滑动」反向叠加在了背景 GIF 上------这种模版应用策略充分体现操作者的变通能力。GIF 播放时间填写 3.4,无需单位(s)。

相关推荐
莲动渔舟13 分钟前
国产编辑器EverEdit - 快捷目录
编辑器
小唐C++43 分钟前
C++小病毒-1.0勒索
开发语言·c++·vscode·python·算法·c#·编辑器
lingllllove12 小时前
基于上海钜泉科技的单相计量芯片HT7017的参考例程
科技
佛州小李哥13 小时前
Agent群舞,在亚马逊云科技搭建数字营销多代理(Multi-Agent)(下篇)
人工智能·科技·ai·语言模型·云计算·aws·亚马逊云科技
%小农14 小时前
vscode的字体图标库-icomoon
ide·vscode·编辑器
ToDesk_Daas14 小时前
游戏设备升级怎么选?RTX4070独显,ToDesk云电脑更具性价比
科技·游戏·电脑·玩游戏
汇能感知16 小时前
光谱相机在智能冰箱的应用原理与优势
经验分享·笔记·科技
Tech智汇站17 小时前
Quick Startup,快捷处理自启程序的工具,加快电脑开机速度!
经验分享·科技·学习·学习方法·改行学it
菜泡泡@18 小时前
vscode 自用插件
ide·vscode·编辑器
汇能感知19 小时前
摄像头模块如何应用在宠物产品领域
经验分享·笔记·科技·宠物