雖然看了教學但自己花了兩天才學會,應該是自己連基礎都還沒打好的關係,就想要弄hover的動畫效果了。

不過看這效果實在太心動,硬是把基礎工先讀了一些,才知道該怎麼操作。

於是成功後來個超詳細解說。


STEP 1  到此Hover套件網站:http://ianlunn.github.io/Hover/#effects

點選下載。

 

STEP 2 下載後,到css資料夾,複製hover-min.css檔案。(此檔案比hover.css小,網站可以跑得更快)

未命名.png

STEP 3把複製的檔案貼在自己的專案中(下圖我放到自己專案資料夾>CSS資料夾 裡)

必須貼到自己專案的資料夾,才連結得到。

 

STEP 4

<link href="css/hover-min.css" rel="stylesheet" media="all">

將此語法貼在heml的<head></head>中

文章標籤

雷德森Radisson 發表在 痞客邦 留言(0) 人氣()