過度transition

成為另外一種樣式的一個逐漸過程

transition-property規定過度css屬性名稱 值：none|all|property

transition-duration 定義過度效果花費的時間（秒或毫秒），默認0沒有動畫

transition-delay 規定過渡效果何時開始，以秒或毫秒計，默認0沒有動畫

transition-timingfunction 規定過度效果的時間曲線，默認ease（先慢後快）\linear(以相同速度開始到結束）|ease-in|ease-out|ease-in-out

動畫

@keyframes:創建動畫（關鍵幀）

animation在對應元素上使用動畫

@keyframe animationname(名字）{

keyframes-selector{

css-style;

}}

animation屬性

animation-name

animation-duration

animation-timing-function

animation-timing-function

animation-delay

animation-interation-count播放動畫的次數infinite(無限次）

animation-direction動畫的方向normal （正常）alternate（輪流反向）

css3動畫