動畫:
transition:在哪產(chǎn)生動畫、動畫的時間玷禽、運動曲線赫段、延遲
all 所有的屬性都可以變
border-radiue 圓角 最大200px
box-shadow: 水平方向 垂直方向 羽化大小 擴展大小 顏色 是否內(nèi)陰影
opacity 設(shè)置透明度
text-align:center 文字居中
變形:
transform:
translate 位移
rotate 360度 沿z軸
scale 縮放
skew 斜切
相互之間不會影響
旋轉(zhuǎn):
默認(rèn)沿z軸旋轉(zhuǎn)
在方法后面寫沿那個軸旋轉(zhuǎn)
如:rotateX或Y
透視距離
perspective(設(shè)置透視距離)800px比較符合人眼的透視效果
需要給盒子加
transform-style:preserve-3; 設(shè)置盒子按3d空間顯示
bug 該初始值為0度
解決跳變的方法矢赁,加一個容器
設(shè)置變形的中心點 transform-origin:左 中糯笙;
backface-visibility:hidden; 設(shè)置盒子背面是否美麗
animation動畫
steps 動畫步數(shù)