css3新增的屬性有哪些

2021-10-07 19:58:35 字數 460 閱讀 7432

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...