令程式設計師驚歎的一些CSS3效果庫

edithfang發表於2014-12-21
最新的CSS3都配備了新的特性,來設計建立動畫和互動的網頁。在本文中,可以找到一些非常優秀的CSS3效果庫,來讓你的Web設計看起來更加引人注目。還在等什麼?讓我們一起看起來吧!

Animate.css

Animate.css是一大堆的很酷,很有趣,而且很炫又能跨瀏覽器的動畫效果樣式集錦,你可以直接使用到專案中。


DynCSS

DynCSS將你的CSS解析成-dyn-(attribute)規則。這些規則是模擬瀏覽器事件(如滾動和縮放)的javascript表示式,其結果會應用到CSS屬性上。


Effeckt.css

Effeckt.css是一個集合了眾多新鮮而又實用的CSS/jQuery動畫效果,這些都適用於網站或是移動APP的網頁。比如一些AJAX彈出框動畫、選單動畫、圖片標題展示等等。同時這些特效動畫還能進一步提升網站的使用者體驗,簡單而且實用。


Animatable

Animatable用於建立CSS3動畫,其建立的動畫可以在任何平臺或裝置(包括Android、BlackBerry、iOS 和WebOS等)中的現代瀏覽器上執行。即便不熟悉CSS,它也能幫助你建立多場景的CSS3動畫。


Hover

Hover是一套基於CSS3的滑鼠懸停效果和動畫,這些效果和動畫可以非常輕鬆的被應用到按鈕、LOGO以及圖片等元素中。所有這些效果都是隻需要單一的標籤,必要的時候使用before 和after偽元素。因為使用了CSS3 過渡、轉換和動畫效果,因此它只支援Chrome、Firefox 和Safari 等現代瀏覽器。


Bounce.js

Bounce.js是一個用於製作漂亮CSS3關鍵幀動畫的JavaScript庫。只需新增一個元件,選擇預設,然後你就可以得到一個短網址或者匯出為CSS程式碼。


Magic Animations

Magic Animations是CSS3動畫的包,伴有特殊的效果,使用者可以自由的在web 專案中使用。


Kitecss

Kitecss是一個靈活的CSS 助手庫,能幫助程式設計師實現各種頁面佈局。


Buttons

Buttons是一個簡單的框架,用來生成網頁上漂亮的按鈕。


Css Loaders


Odometer

Odometer是JavaScript、CSS庫,用來建立類似於"汽車行程裡數顯示、航班資訊板"的特效使用者介面。


Csshake

Csshake是一個使用CSS3實現的動畫樣式,使用SASS編寫,利用它我們可以實現多種不同樣式的抖動效果(如下面的GIF影像)。

相關閱讀
評論(1)

相關文章