CSS3 最早於西元 1999 年開始規劃,特色是分成許多不同的類別(modules),每個類別有 CSS2 的新增功能,除此之外,CSS3 本身也新增許多的功能,例如常見的設計元素圓角效果的 border-radius 屬性、設計文字陰影效果的 text-shadow 屬性、控制轉場效果的 transition 屬性、設計元素變形的 transform 屬性都是 CSS3 所新增的功能,在 2011 年 6 月 7 日,CSS 3 Color Module 發布為 W3C Recommendation 後至今,CSS3 許多的功能與擴充已經獲得前幾大主流的瀏覽器所支援,透過 CSS3 所設計出來的新網頁也如雨後春筍般陸續出現。
CSS3 text-overflow 屬性的功能是用來修飾過常的字串,可以讓超出範圍的字串尾直接截斷或是變成點點點(...)這樣的表示,目前所有主流的瀏覽器最新版都支援 CSS3 text-overflow 屬性的效果。 ...... 詳細閱讀
CSS3 background-size 屬性的功能是用來設定背景圖片(background-image)的大小,background-size 屬性允許多種背景圖片大小調整方式,例如自訂背景圖片的寬度與高度、根據容器( ...... 詳細閱讀
CSS3 background-origin 屬性的功能是用來控制背景圖片的位置設定,透過 CSS3 的 background-origin 屬性可以輕易的讓 DIV 區塊的背景圖片根據外邊框(border-box)、內 ...... 詳細閱讀
CSS3 border-image 屬性可以讓網頁元素的邊框用圖片表示,通常應用在 DIV 區塊上,當然 border-image 也可以應用在其他元素上,例如網頁按鈕邊框也行,但是最常用到 border-image 屬 ...... 詳細閱讀
CSS3 Image Opacity 圖片透明效果是 CSS3 推薦的新功能,可以輕易的用來調整網頁中圖片的透明度,CSS3 Image Opacity 的圖片透明度設計技巧運用的是 CSS3 的 opacity 標準屬 ...... 詳細閱讀
CSS3 opacity 屬性的功能是用來控制網頁元素的透明效果(調整不透明度),早期網頁設計常常會用到許多的透明效果,通常都是透過 png 圖層來製作透明的感覺,現在網頁設計師可以使用 CSS3 opacity 屬性來 ...... 詳細閱讀
CSS3 transition 屬性是一種 CSS3 的轉場效果,網頁設計師可以透過 CSS3 transition 屬性的效果來調整網頁元素變化的特效,例如 DIV 區塊尺寸改變的效果、網頁文字變色的緩慢效果,只要利用 ...... 詳細閱讀
CSS3 animation 動畫屬性是 CSS 用來設計網頁動畫的標準屬性,CSS3 animation 有許多種不同的屬性效果可以設定,用來控制動畫的移動方式、移動方向、顏色變化 ... 等效果,功能非常的強大,CS ...... 詳細閱讀
CSS3 box-shadow 屬性可以用來設計網頁中各區塊的陰影效果,如 DIV、span、img 都能夠很輕鬆的設計出好看的陰影效果,至於為什麼會需要設計陰影呢?因為傳統的網頁設計比較單調,運用適當的 shadow ...... 詳細閱讀
CSS3 text-shadow 用來設計文字陰影效果,通常我們會用在網頁標題上,增加視覺效果,另外也可以用在一些藝術字型的設計,讓你不需要透過 GIMP 或 Photoshop 這類繪圖軟體也可以輕鬆做出 shadow ...... 詳細閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C