1、在哪兒產(chǎn)生動畫钦购,比如:width height background-color
2、動畫的時間铸本,比如:1s 500ms 0.5s
3肮雨、運(yùn)動曲線,比如linear勻速箱玷、ease首尾慢
4怨规、延遲多長時間開始動畫
運(yùn)動曲線:all 1s linear 勻速
all 1s ease 開始和結(jié)束慢速,中間加速
all 1s ease-in 開始慢速锡足,結(jié)尾突然停止
all 1s ease-out 突然開始波丰,結(jié)尾慢速
all 1s ease-in-out 開始和結(jié)束慢速
transfrom變形: translate(100px,100px) 位移
rotate(360deg) 旋轉(zhuǎn)
scale(0.5, 0.2) 縮放
skew(0, 45deg) 斜切
設(shè)置盒子按3D空間顯示:transform-style: preserve-3d
設(shè)置透視距離:perspective
animation-play-state: paused 動畫暫停
animation-play-state: running 動畫運(yùn)行
多幀動畫: @keyframes moving{
0% { transform: translateY(0px);
}
50% { transform: translateY(400px);
}
100% { transform: translateY(0px);
}
}