1.transition動畫過渡屬性
-
transition-property設(shè)置過渡屬性 -
transition-duration設(shè)置過渡時間掷匠，默認(rèn)為0s -
transition-timing-function設(shè)置過渡效果函數(shù) -
transition-delay設(shè)置過渡效果延遲執(zhí)行時間
2.animation動畫屬性
-
-webkit-animation-name設(shè)置動畫的名稱 -
-webkit-animation-duration設(shè)置動畫的持續(xù)時間 -
-webkit-animation-timing-function設(shè)置動畫的緩動效果函數(shù) -
-webkit-animation-delay設(shè)置動畫的延遲執(zhí)行時間 -
-webkit-animation-iteration-count設(shè)置動畫的循環(huán)播放次數(shù)僵刮，默認(rèn)是1次 -
-webkit-animation-direction設(shè)置動畫效果是否反向運動 -
@keyframs設(shè)置動畫的關(guān)鍵幀 -
animation-play-state設(shè)置動畫暫途萃或者繼續(xù)播放runningorpause
3.transform變形屬性
-
translate(x,y)translateX(x)translateY(y)設(shè)置2d偏移 -
rotate(deg)設(shè)置2d旋轉(zhuǎn) -
scale(x,y)scaleX(x)scaleY(y)設(shè)置2d縮放 -
skew(x-deg,y-deg)skewX(x-deg)skewY(y-deg)設(shè)置2d扭曲變形
4.box-shadow陰影屬性
-
box-shadow:x y blur spread color inset設(shè)置陰影
5.漸變色
-
linear-gradient(direction,startColor,centerColor position,endColor)設(shè)置線性漸變 -
linear-gradient(deg,startColor,endColor)設(shè)置角度漸變 -
radial-gradient(startColor,endColor)設(shè)置徑向漸變
