让建站和SEO变得简单

让不懂建站的用户快速建站,让会建站的提高建站效率!

设计理念 劳斯莱斯的这种点击拖拽后果好酷,如何作念啊?

发布日期:2024-11-28 11:44    点击次数:102

坐不起劳斯莱斯,但劳斯莱斯的排版不错作念!

点击试试:

365建站

*素材来自劳斯莱斯汽车《六合由心,安之称愿》

组合:点击-进取拖拽切换组合

编号:11923(组合)

组件:点击-GIF过渡切换

编号:11553(组件)

点击后遮挡的本体被进取拖拽出场,不得不说有点小酷。

劳斯莱斯的这种排版后果,适用性很强,不管步履确定、产物先容已经节日祝愿本体等,拖拽出场展示给东谈主以很强的典礼感。

还不错用来展现工夫的变化,比如元旦时2024到2025的过渡:

组合:点击-进取拖拽切换组合

编号:11923(组合)

这个后果使用 iPaiban Pro 黑科技剪辑器的「点击-进取拖拽切换」组合(编号:11923)即可制作。可转机进取拖拽的动画工夫,拖拽后的本体支援嵌套多样交互后果,但需要正式拖拽前后的本体画面尺寸需保抓一致。

再来一个案例感受一下:

*素材来自嘉里书籍 The Lightbox《新品丨重磅升级!level+++++++1!》

组合:点击-进取拖拽切换组合

编号:11923(组合)

组件:双层滑动-出路上滑(支援多张)

编号:10203(组件)

底下以第劳斯莱斯的排版为例,沿路来望望如何终了吧。

详备教程:

器用:iPaiban Pro 黑科技剪辑器,网址:SVG.iPaiban.com

组合:点击-进取拖拽切换组合

编号:11923(组合)

第1步:聘请组合

登录 iPaiban Pro 剪辑器后,点击剪辑器右侧「组合」按钮,在「样式伸开」分类中找到「点击-进取拖拽切换组合」组合,概况径直在搜索框中搜索组合编号11923,点击聘请。

第2步:插足组合剪辑模式

点击「剪辑组合」,插足组合剪辑模式。

在组合剪辑模式中,分为拖拽前和拖拽后两块建造区域。

第3步:上传「拖拽前」图片

点击「拖拽前」区域,接着在右侧点击「换图」按钮上传「拖拽前」图片。

第4步:建造「拖拽后」本体

365站群VIP

「拖拽后」的本体支援嵌套多样组件,需要什么后果就在左侧「组件」分类中找到相应的组件拖动到组件位中,然后上传需要的素材即可。

添加组件位-拖动组件到组件位中-上传图片,每需要一个神志就按照这3步操作:

需要正式的是,拖拽后的本体画面尺寸需与拖拽前的图片尺寸保抓一致。

第5步:建造动画参数

点击右侧红色小三角,可建造图片的「上须臾长」。上移越长,图片移出的越慢。

第6步:导入公众号后台

本体剪辑收场后,点击左上角「保存并退出」退出组合剪辑模式回到剪辑器主页面。

365建站客服QQ:800083652

不时点击最右侧「预览草稿」扫码预览后果,后果舒心后点击「同步至微信后台」就不错了。

剪辑器劳斯莱斯汽车组件编号劳斯莱斯发布于:陕西省声明:该文不雅点仅代表作家本东谈主,搜狐号系信息发布平台,搜狐仅提供信息存储空间就业。