*css圓角： 設(shè)置某一個角的圓角，比如設(shè)置左上角的圓角： border-top-left-radius:30px 60px;

*css陰影： box-shadow：h-shadow v-shadow blur spread color inset; 分別設(shè)置陰影：水平偏移 垂直偏移 羽化大小 擴(kuò)展大小 顏色 是否內(nèi)陰影

*raba: 盒子透明度表示法：rgba(0,0,0,0.1) 前三個數(shù)值表示顏色，第四個數(shù)值表示顏色的透明度

* transition-property 設(shè)置過渡的屬性

* transition-duration 設(shè)置過渡的時間

* transition-timing-function 設(shè)置過渡的運(yùn)動方式

*transition-delay 設(shè)置動畫的延遲

*transition: property duration timing-function delay 同時設(shè)置四個屬性

1、translate(x,y) 設(shè)置盒子位移

2、scale(x,y) 設(shè)置盒子縮放

3、rotate(deg) 設(shè)置盒子旋轉(zhuǎn)

4、skew(x-angle,y-angle) 設(shè)置盒子斜切

5、perspective 設(shè)置透視距離

6、transform-style flat | preserve-3d 設(shè)置盒子是否按3d空間顯示

7、translateX、translateY、translateZ 設(shè)置三維移動

8、rotateX、rotateY、rotateZ 設(shè)置三維旋轉(zhuǎn)

9、scaleX、scaleY、scaleZ 設(shè)置三維縮放

10、tranform-origin 設(shè)置變形的中心點(diǎn)

11、backface-visibility 設(shè)置盒子背面是否可見

linear 勻速;ease 開始和結(jié)束慢速;ease-in 開始是慢速;ease-out 結(jié)束時慢速;ease-in-out 開始和結(jié)束時慢速;steps 動畫步數(shù) ;

animation-delay 動畫延遲

animation-iteration-count 動畫播放次數(shù)

normal 默認(rèn)動畫結(jié)束不返回

Alternate 動畫結(jié)束后返回

animation-fill-mode 動畫前后的狀態(tài)

forwards 當(dāng)動畫完成后，保持最后一個屬性值

animation:name duration timing-function delay iteration-count direction;同時設(shè)置多個屬性