CSS3 新功能
CSS3 新功能
用CSS3，你可以創建圓角邊框，添加陰影框，并作為邊界的形象而不使用設計程序，如Photoshop。
2 CSS3 圓角
使用 CSS3 border-radius 屬性，你可以給任何元素制作 "圓角"。
3 CSS3 背景
CSS3中包含幾個新的背景屬性，提供更大背景元素控制。
background-size
background-origin
多重背景圖像
4 CSS3 漸變（Gradients）
CSS3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。
以前，你必須使用圖像來實現這些效果。但是，通過使用 CSS3 漸變（gradients），你可以減少下載的事件和寬帶的使用。此外，漸變效果的元素在
放大時看起來效果更好，因為漸變（gradient）是由瀏覽器生成的。
CSS3 定義了兩種類型的漸變（gradients）：
線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向
徑向漸變（Radial Gradients）- 由它們的中心定義
5 CSS3 文本效果
text-shadow
word-wrap
6 CSS3 字體
CSS3 @font-face 規則
以前CSS3的版本，網頁設計師不得不使用用戶計算機上已經安裝的字體。
使用CSS3，網頁設計師可以使用他/她喜歡的任何字體。
當你發現您要使用的字體文件時，只需簡單的將字體文件包含在網站中，它會自動下載給需要的用戶。
您所選擇的字體在新的CSS3版本有關于@font-face規則描述。
您"自己的"的字體是在 CSS3 @font-face 規則中定義的。
7 CSS3 2D 轉換
CSS3 轉換
CSS3轉換，我們可以移動，比例化，反過來，旋轉，和拉伸元素。
8 CSS3 3D 轉換
3D Transforms
CSS3 允許您使用 3D 轉換來對元素進行格式化。
一些 3D 轉換方法：
rotateX()
rotateY()
9 CSS3 過渡
CSS3中，我們為了添加某種效果可以從一種樣式轉變到另一個的時候，無需使用Flash動畫或JavaScript。
10 CSS3 動畫
CSS3，我們可以創建動畫，它可以取代許多網頁動畫圖像，Flash動畫，和JAVAScripts。
CSS3 @keyframes 規則
@keyframes規則是創建動畫。 @keyframes規則內指定一個CSS樣式和動畫將逐步從目前的樣式更改為新的樣式。
11 CSS3 多列
通過 CSS3，您能夠創建多個列來對文本進行布局 - 就像報紙那樣。
多列屬性：
column-count
column-gap
column-rule
12 CSS3 用戶界面
在 CSS3 中, 增加了一些新的用戶界面特性來調整元素尺寸，框尺寸和外邊框。
用戶界面屬性：
resize
box-sizing
outline-offset
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀
總結
