1) CSS3 Generator 這是一個非常有用的CSS3代碼生成器,能為許多最受歡迎的css3屬性生成代碼,如:text-shadow, border-radius, Box Resize等
How to Create a CSS3 Dropdown Menu : In this tutorial we will code in pure CSS3 the?Navigation Menu?that
這篇文章涉及到CSS的每個點,并介紹新版本的CSS3。這項新的技術引入了很多新標簽和屬性,使得創建有創意的網站更加簡單。網頁設計并不是一件容易的事,但是隨著技術的日益發展,更有助于為您的客戶創造令人驚嘆的網站/模板,并在互聯網上傳播。
本手冊針對的是已有一定網頁設計制作經驗的讀者。其目的是提供最新的樣式表內容的快速索引及注釋。所以對于樣式表的基礎知識,在此僅簡單介紹,恕不贅述。 什么是層疊樣式表: CSS是Cascading Style Sheet(層疊樣式表)的縮寫。是用于(增強)控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。 CSS不需要編譯,可以直接由瀏覽器執行(屬于瀏覽器解釋型語言)。 CSS2.1是目前被使用最廣泛的版本,而目前還在開發中的CSS3具有更吸引人的特性。 本手冊除了CSS2.1外,還涵蓋了大部分的CSS3內容。但由于CSS3尚未定稿,不可避免會出現一些變動。
CSS3參考手冊
CSS3速查表
.gist { width:220px; height:130px; background-image: url(2.jpg); background-repeat:no-repeat; border:5px solid green; background-position:50% 50%; transition:background-position 2s; -moz-transition:ba
這是一組利用CSS3的圓角,漸變和多個背景等特性創建的漂亮按紐。這些按紐只有在Chrome、Safari、Firefox瀏覽器中才能看到最好的效果。
1. CSS3對前端交互設計的影響梁棟 2517 liangdong2@staff.sina.com.cn 2012.11.17 2. 目錄CSS3對前端交互設計的影響CSS3簡介 transform
.class? 以及標簽選擇器。可是這些還遠遠不夠,為了在開發中更加得心應手,本文總結了30個CSS3選擇器,希望對大家有所幫助。 1:通用選擇器 * { margin:0; padding:0;
Cool Text Effects Using CSS3 Text-Shadow Alfonse Surigao shows cool CSS3 is to use and how many effects
CSS3 Drop Shadows 是一個 Web 應用程序用來構建漂亮的具有陰影效果的方框,它為你提供可視化的操作界面并幫你生成對應的 CSS3 代碼。對設計者來說非常有用,可以方便的學習 CSS3
這里羅列了一些使用 CSS3 和 JavaScript 的網頁特效集合。 Paperfold 令人印象深刻的paperfold效果! RotorJS 對元素進行三維旋轉操作
Splash and Coming Soon Page Effects With CSS3, you have way too many possibilities when it comes to
power of CSS3 icon fonts for designing user interfaces. You will be creating some generic CSS3 buttons
Boilerplate ,包括一個網格系統以及提供表單、表格、按鈕、標簽、提醒等樣式,提供圖標字體和一些 jQuery 插件。 項目主頁: http://www.baiduhome.net/lib
Hover.css是一個采用CSS3實現鼠標懸停動畫效果,可應用于按鈕、LOGO 以及圖片等元素。可輕松地應用到自己的元素。可運用在CSS 和 SASS。 項目主頁: http://www
昨晚用CSS3實現了幾種常見的Loading效果,雖然很簡單,但還是分享一下,順便也當是做做筆記…… 第1種效果: 代碼如下:
Zardi是一套輕量級的CSS3樣式按鈕,完全是用CSS3樣式制作的,沒有使用圖片,僅有3KB大小。它在目前主流的瀏覽器中都能使用,兼容性比較高。 項目主頁: http://www.open-open
Zardi是一套輕量級的CSS3樣式按鈕,完全是用CSS3樣式制作的,沒有使用圖片,僅有3KB大小。它在目前主流的瀏覽器中都能使用,兼容性比較高。 項目主頁: http://www.open-open