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