純 CSS3 效果資源收集整理

純 CSS + HTML，不使用 JavaScript，能實現怎樣的視覺效果?下面本文就和大家分享純 CSS3 效果資源的收集整理 。

• Resources

• 基於單個 p 的 CSS 繪圖

• A Pure CSS3 Cycling Slideshow 純 CSS 編寫出可自動迴圈播放的 Slideshow。

• 用 HTML 和 CSS 來打造一個自己的「大白(●—●)」

• 使用 CSS3 畫出一個叮噹貓

• Libraries

• loaders.css 純 CSS 實現的載入動畫架構。

• balloon.css 純 CSS 實現的彈出層效果。

• pure Yahoo 出品的純 CSS 架構，體積小巧。

• icono 僅一個標籤實現的純 CSS 表徵圖庫。

• iHover 一個令人印象深刻的圖片懸停效果集合，完全基於 CSS3 實現。

• devices.css 純 CSS 類比行動裝置

• CSS Modals 純 CSS 實現模態框

• Tools

• image2css 使用 PHP GD 庫把映像轉換成 CSS box-shadow 屬性。例子可參考 Mona Lisa with pure CSS。

• img2css 功能和上面一個相似，不過這個庫藉助的是 canvas。

• Demos

• 30個CSS片段拼圖，30種瀕臨滅絕動物

• Airplane (Pure CSS)

• CSS Faces

• A Single p : a CSS drawing project by Lynn Fisher

• Pure CSS Tic-tac-toe 遊戲

• Pure CSS 掃雷遊戲

• 星球大戰裡面的 Darth Vader