1.border-radius 圓角邊框
2.背景
3.盒子陰影 box-shadow 屬性有五個值,分別是
其中blur-raduis和spread-raduis是可選的。
box-shadow: 0 10px 20px #469bff;
4.文字陰影效果 text-shadow 屬性有四個值,分別是
text-shadow:0 1px 0 #fafafa;
5.2d轉換
transform:通過 css3 轉換,我們能夠對元素進行移動、縮放、轉動、拉長或拉伸。
常用的屬性值有四個
transform:ranslate(50px,100px) | rotate(360deg) | scale(1.2) | skew(20deg,30deg)
6.3d轉換
7.css3過渡
8.css3動畫
css3中動畫屬性有哪些?
什麼是2d?二維的平面空間 3d的動畫屬性和2d相識,就是比2d多了個軸 z軸 屬性有哪些呢?animation name 關鍵幀的名稱 animation duration 動畫的持續的時間 animation timing function 動畫運用的型別 勻速linear 加速度 減速度 貝塞...
CSS3新增屬性用法整理CSS3新增屬性用法整理
css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...
css3 新增屬性
background origin 背景影象顯示的原點。background clip 規定背景的繪製區域。padding box 從padding區域 含padding 開始顯示背景影象。border box 從border區域 含border 開始顯示背景影象。content box 從cont...