閱文無數，看了這么多的SVG黑科技，我只服這一種！
胖友們大家好啊，我是三兒。上周三兒跟大家介紹了《新媒體の顏色挑戰》這篇SVG的制作方法，有胖友說看著挺高大上的，其實不就是一個點擊換圖的效果嘛？
沒錯！經常看GQ實驗室、三三星球、卡地亞、喜茶這些大號的胖友們應該有發現，現在很多文章里看起來很酷炫又唬人的SVG都可以歸納為點擊換圖效果。
像前兩年人民日報爆火的《點亮武漢》、135編輯器里的答題SVG、抽簽SVG等等也都是由點擊換圖效果演變來的。
今天三兒就來跟大家盤點10個有趣又好玩的點擊換圖玩法，只有你想不到，沒有SVG玩不了的
SVG使用須知
使用以下SVG需要通過135編輯器左側入口進入SVG編輯器；
在SVG編輯器中搜索ID或者關鍵詞，找到對應的SVG組件進行使用；
鼠標移動到SVG組件上，可以查看SVG的使用教程，也可以掃碼預覽SVG的具體效果。
ID：79
效果介紹：點擊抽簽封面圖，封面圖消失，簽文自動滾動，點擊滾動停止，隨機出現一張簽文圖片。
ID：80
效果介紹：點擊圖片，觸發翻牌效果，顯示另外一張圖。
ID：81
效果介紹：設置觸發區域，以翻書的形式實現圖片的切換，可以進行多張圖片的切換。
ID：82
效果介紹：點擊上層兩張圖片，圖片分別向左右兩邊打開，露出底圖。
ID：83
效果介紹：點擊模擬拍照效果切換圖片，底部的圖片自動放大，可以用于放大圖片查看細節等創意。
ID：116
效果介紹：點擊A圖，A圖漸隱消失消失B圖，切換過程中出現圓形波紋擴散的效果。
ID：124
效果介紹：點擊圖片，毛玻璃遮罩效果豎向移出，可設置上下移出方向和毛玻璃清晰度。
ID：125
效果介紹：點擊圖片，黑白遮罩效果豎向移出，可以設置上下移出方向。
ID：161
效果介紹：多次點擊切換多張圖片，每次點擊后的圖片以放大的方式出現。可以用作局部細節放大等創意圖文。
ID：167
效果介紹：點擊A圖，A圖移出B圖移入，以此類推，移動方向為豎向，可以設置背景。這種效果可以制作成SVG歌詞海報、電影海報等。
好啦，以上就是三兒給大家介紹的點擊換圖的花式玩法了，大家還有沒有什么創意的點子，快來留言區告訴三兒呀。
立即登錄
