点击切换图片来点新意吧，10种效果够不够？
咔嚓咔嚓……
在路上在饭店在景区，你肯定会看到人们拿着手机各种拍照记录。拍照已经成了人们生活的一部分。
可能是出于这一观察，品牌们也喜欢以「拍照」为创意点创作图文来推广自己的产品。在品牌时光机SVG案例库（brandtime.cn）中搜索关键词「拍照」，一下子出来100多个相关案例。
今天推荐给大家10个点击切换图片的SVG效果，用来模拟拍照或许能让你的图文更出彩。
我们使用法拉利中国《山水之间 万物有「法」》中的两张素材，一起体验下这10个效果的不同之处。
1
点击-切换图片(先移出,再淡入）
组件：点击-切换图片(先移出,再淡入)
编号：10285（组件）
教程：《在图文里也能拍照！？》
2
点击-中心放大切入图片
组件：点击-中心放大切入图片
编号：11057（组件）
3
点击-中心缩小切出图片
组件：点击-中心缩小切出图片
编号：11058（组件）
4
点击-中心放大跳跃切入图片
组件：点击-中心放大跳跃切入图片
编号：11566（组件）
5
点击-中心放大切出图片
组件：点击-中心放大切出图片
编号：11059（组件）
6
点击-中心缩小切入图片
组件：点击-中心缩小切入图片
编号：11056（组件）
7
点击-缩小切换图片
组件：点击-缩小切换图片
编号：11494（组件）
8
点击-中心圆形扩大切换
组件：点击-中心圆形扩大切换
编号：11084（组件）
9
点击-中心圆形缩小切换
组件：点击-中心圆形缩小切换
编号：11104（组件）
10
点击-圆圈移动扩大切换(Z型)
组件：点击-圆圈移动扩大切换(Z型)
编号：11213（组件）
以上10个效果使用 iPaiban Pro 编辑器制作的方法都很简单，在组件分类中搜索对应组件编号，然后分别上传点击前和点击后的图片，接着调整下切换的动画时间就可以了。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）