純 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

#30CSS碎片拼圖，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############相關推薦：##########CSS3中選擇器有哪些語法###########CSS3的主要功能應用############CSS3的動畫屬性如何使用#####################

以上是純 CSS3 效果資源收集整理的詳細內容。更多資訊請關注PHP中文網其他相關文章！