雖然看了教學但自己花了兩天才學會,應該是自己連基礎都還沒打好的關係,就想要弄hover的動畫效果了。
不過看這效果實在太心動,硬是把基礎工先讀了一些,才知道該怎麼操作。
於是成功後來個超詳細解說。
STEP 1 到此Hover套件網站:http://ianlunn.github.io/Hover/#effects
點選下載。
STEP 2 下載後,到css資料夾,複製hover-min.css檔案。(此檔案比hover.css小,網站可以跑得更快)
STEP 3把複製的檔案貼在自己的專案中(下圖我放到自己專案資料夾>CSS資料夾 裡)
必須貼到自己專案的資料夾,才連結得到。
STEP 4
<link href="css/hover-min.css" rel="stylesheet" media="all">
將此語法貼在heml的<head></head>中