iT邦幫忙

1

jquery 可視範圍 動畫?

各位先進您好:

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

如下網站
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我還以為是前端手刻的,原來有這套件可用,感謝大神

1 個回答

0
I code so I am
iT邦新手 1 級 ‧ 2018-04-02 18:29:06
  1. 使用 Chrome,點圖案滑鼠右鍵,選【檢查】
  2. 會看到
<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>
  1. 所以,它應該是用 wow.js 作的效果。
outgi iT邦新手 5 級 ‧ 2018-04-02 22:08:01 檢舉

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

ccutmis iT邦研究生 5 級 ‧ 2018-04-03 17:54:33 檢舉

/images/emoticon/emoticon12.gif

我要發表回答

立即登入回答