精心打造的新产物，慎重签约的代言人，正式表态之前总想来点奇异感？
今天给各人选举的交互效果，或许可以满足你。戳图尝尝：
组件：点击-圆圈挪动扩展切换
编号：11213（组件）
该交互模仿的是舞台逃关灯的效果。点击后灯光往返挪动觅觅主体，曲至来到舞台中心，灯光放大变亮，露出全貌，很是酷炫。
像那种在切换过程中切换动画就能引升引户猎奇心，牢牢挠住眼球的效果，之前选举过一个「点击描边切换」的效果也能做到。用同样的素材，我们再来感触感染下：
组件：点击-描边切换图片
编号：11055（组件）
点击描边切换效果的教程见《点击描边切换，那个新效果有点儿炫！》，比拟「点击描边切换」，「点击圆圈挪动扩展切换」在造造时就十分简单了。
一路看下视频教程：
详尽教程：
东西：iPaiban Pro 黑科技编纂器，网址：x.iPaiban.com
组件：点击-圆圈挪动扩展切换
编号：11213（组件）
第1步：抉择组件
登录 iPaiban Pro 编纂器后，点击编纂器左侧「组件」按钮，在「点击」分类中找到「点击-圆圈挪动扩展切换」组件，或者间接在搜刮框中搜刮组件编11213。
第2步：上传图片素材
点击右侧「换图」按钮别离上传「单击前」和「单击后」的图片，两张图片尺寸需连结一致。
重视该交互的完全效果为：点击后「单击前」的图片消逝，画面变黑并呈现圆圈挪动，最初圆圈移至中心放大闪现「单击后」的图片。所认为了效果不那么高耸，「单击前」的图片尽量利用全黑或黑色布景的。
第3步：调整动画时间
在右侧挈动滑杆可调整切换动画的时间，点击页面最右侧「预览草稿」可随时预览效果。
第4步：导进公家号后台
效果满足后接着点击「同步至微信后台」 同步到本身的公家号就能够了。
部分导进可参考：《iPaiban Pro小助手v2.0安拆和利用教程》
造造SVG交互图文认准iPaiban Pro 黑科技编纂器，网址：x.iPaiban.com，复造网址在 PC 端 Chrome（谷歌）阅读器翻开，即可起头注册并利用。
新用户在「新手礼包」可领取3天企业尺度版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单更高立降500元。
有奖互动
对「点击-圆圈挪动扩展切换」交互
你还想要什么轨迹道路的？
（本文Demo为Z字轨迹）
留言区聊一聊
精选放出就送SVG案例库高级会员1个月
（案例库收录案例数已达10W+）
● SVG 黑科技交互排版👇🏻
如需定造 SVG 黑科技排版，请添加玉兔微信（ID：playhudong15）沟通征询。