CSS3懸停效果和動畫Hover.css

Hover.css 是一套基於 CSS3 的鼠標懸停效果和動畫，這些能夠很是輕鬆的被應用到按鈕、LOGO 以及圖片等元素。全部這些效果都是隻須要單一的標籤，必要的時候使用 before 和 after 僞元素。由於使用了CSS3過渡、轉換和動畫效果，所以只支持 Chrome、Firefox 和 Safari 等現代瀏覽器。

 

使用方法很簡單：

下載HOVER.CSS      下載地址https://github.com/IanLunn/Hover

Download/Install

NPM:  npm install --save hover.css

Bower:  bower install Hover

Download Hover.css

引入.css 文件

《 link href="css/hover-min.css" rel="stylesheet"》

 

或者

@import url("hover-min.css");

 

直接《a href="#" class="button hvr-grow"》Add to Basket《/a 》

若是要重寫樣式，只要調用相應的類，改變想要重寫的樣式便可，十分的方便 。

 

使用ICON 圖標 ，引入

《link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"rel="stylesheet" media=" all " 》

直接調用icon 類

《a href="#" class="hvr-icon-bounce"》icon-bounce《/a》