css3被拆分成如下的小模組，選擇器，盒模型，背景和邊框，文字特效，2d/3d轉換，動畫，多列布局和使用者介面
2d轉換
使用transform:屬性來為元素設定2d轉換，相容瀏覽器加字首 –webkit- -moz-
使用rotate()方法，讓元素旋轉一定的角度，引數：角度
例如：transform:rotate(30deg); deg是角度的單位
使用translate()方法，讓元素位移，引數：x軸 ，y軸
例如：transform:translate(10px,10px);
使用scale()方法，改變元素的比例大小，引數：x軸比例，y軸比例
例如：transform:scale(2,2);
使用skew()方法，拉伸元素，引數：x軸角度，y軸角度
例如：transform:skew(20deg,20deg);
使用matrix()方法，多變換結合，引數：矩陣，我看不懂
3d轉換
使用rotatex()和rotatey()方法，對元素進行旋轉，瀏覽器很多都不支援，引數：角度
過渡效果
使用transition:屬性為元素設定過渡動畫效果，www.cppcns.com相容瀏覽器加字首 –webkit- -moz-，必須是樣式在被修改的時候才會生效，因此在:hover的時候修改元素的樣式，可以看到效果
使用transition:屬性，引數：css樣式 持續時間
例如：transition:width 2s;
引數中使用逗號分隔多項改變，transition:樣式 時間，樣式2 時間2，。。。
動畫建立動畫@keyframes規則，@keyframes 規則名稱{}
內容裡面，使用百分比來劃分動畫的進度，變化樣式
0%25%
50%75%
100%
使用animation:屬性設定動畫規則，引數：規則名稱，執行時間，速度曲線，延遲時間，**次數，迴圈**
例如： animation:***** 2s ease 0s infinite;
css code複製內容到剪貼簿
原www.cppcns.com文位址：
本文標題: css3 中的新特性加強記憶詳解
本文位址:
css css3 中的新特性加強記憶
css3被拆分成如下的小模組，選擇器，盒模型，背景和邊框，文字特效，2d 3d轉換，動畫，多列布局和使用者介面 2d轉換 使用transform 屬性來為元素設定2d轉換，相容瀏覽器加字首 webkit moz 使用rotate 方法，讓元素旋轉一定的角度，引數 角度 例如 transform ro...
CSS3有哪些新特性？CSS3新特性詳解
本篇文章給大家帶來的內容是關於css3有哪些新特性？css3新特性詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...
css3的新特性
1.文字陰影text shadow text shadow 偏移量x 偏移量y 模糊度 顏色 注意 水平偏移量 正值向右，負值向左 垂直偏移量 正值向下，負值向上 模糊度不能為負數 可設定多個text shadow，每個用逗號分隔 例子 text shadow 1px 2px 3px red,2px...