创新互动体验:点击翻转效果在公众号文章中的应用

探索公众号文章的新互动方式,本文详细介绍了点击翻转效果的实现方法,为读者带来更丰富的视觉体验。通过SVG编辑器的简单操作,你可以轻松创建吸引眼球的点击翻转效果,提升文章的互动性和吸引力。文章还提供了详细的步骤和技巧,确保你能够快速上手。



朋友们大家好,我是三儿。


最近三儿看到有朋友问:有没有什么好玩的点击翻转的效果,看腻了点击展开想换换口味。


刚好最近三儿做了一篇推文「传送门」,就是运用的点击翻转效果请看👇


·
·


怎么样是不是还不错?这是点击翻转的衍生点击翻转展开,展开内容不仅可以放无缝图还可以添加其他内容,那么这个效果我们要如何实现呢?


进入SVG编辑器



在135编辑器左侧,点击「SVG编辑器」进入SVG编辑器页面。



进入SVG编辑器后,在搜索框中输入组件ID:788



点击组件到编辑区域,注意我们在使用组件前一定要先看看组件素材要求,避免做无用功哦。



素材上传



在编辑页右侧,我们按要求上传图片素材。




动画调整



如果大家想要调整翻转时间、展开时间以及翻转后的背景色需要在哪里调整呢?


在编辑器右下角就能找到对应的内容,我们按需修改就行。



展开内容添加



我们点击「编辑展开内容」,可以根据展开类型添加对应的组件。


我们这里添加的是无缝图点击不可弹出,当然你也可以添加轮播、滑动等组件



导出与同步



在编辑页面完成内容编辑后,若是完整的文章内容我们可以选择「同步」同步到授权的公众号后台中。



若是需要放到135编辑器中添加其他内容,可以选择「导出」复制代码到135编辑器。



怎么样,是不是很简单?

相信聪明的你

已经学会了

眼睛学会了记得动手操作一下哦


以上就是今天推文的全部内容

大家还有什么想学想看的

记得在评论区留言



·






·



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到