jquery 可視範圍動畫？

jquery html5 css

outgi 2018-04-02 01:51:48 ‧ 7214 瀏覽

分享至

各位先進您好：

小弟有一個特效疑問
很多遊戲官方網站都有一個效果
想請問那是套件套上去還是純手刻？

如下網站
https://sdm.iwplay.com.tw/defaul.html

再進入畫面時，每捲動到可視畫面的區塊，都會有一些動畫產生，首頁也會有
請問這種效果有套件可以用來加速開發，還是單純手刻製作的

以上
希望能指點迷津

目前經由兩位大神告知wow.js、animate.css的好用套件
不知是否還有其他先進有推薦的套件，供大家參考呢？

之前常用這款關於hover狀態的動畫效果套件，還不錯用，供大家收藏
http://ianlunn.github.io/Hover/#effects

看更多先前的討論...收起先前的討論...

weiclin iT邦高手 4 級 ‧ 2018-04-02 02:12:43 檢舉

關鍵字: 視差滾動

outgi iT邦新手 5 級 ‧ 2018-04-02 03:14:40 檢舉

感謝大神回應，這特效我也是很嚮往的，但我問題主要是想了解，當視差滾動到某個區塊時候左右兩邊或上下有淡入的動畫圖檔跑到中間區塊內，如我問題所附網站，滾動到下面某個區塊就有動畫將元素從左右或上下移進來。

weiclin iT邦高手 4 級 ‧ 2018-04-02 03:21:24 檢舉

你可以檢視原始碼看一下啊..例如你貼的這網頁就有看到使用了 https://daneden.github.io/animate.css/

outgi iT邦新手 5 級 ‧ 2018-04-02 22:06:46 檢舉

挖嗚！吸收良多，收藏收藏，感謝回應，animate.css我還以為是前端手刻的，原來有這套件可用，感謝大神

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

I code so I am

iT邦高手 1 級 ‧ 2018-04-02 18:29:06

最佳解答

使用 Chrome，點圖案滑鼠右鍵，選【檢查】
會看到

<div class="wow flipInX animated animated" style="visibility: visible;"> <a href="http://sdm.iwplay.com.tw"><img src="images/logo.png" width="435"></a></div>

所以，它應該是用 wow.js 作的效果。

回應 2
分享
檢舉

outgi iT邦新手 5 級 ‧ 2018-04-02 22:08:01 檢舉

檢查我會用，只不過我不知道有wow這個套件，稍早無意間Google到了，感謝大神

ccutmis iT邦高手 2 級 ‧ 2018-04-03 17:54:33 檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙