1、在哪兒產(chǎn)生動畫，比如：width height background-color

2、動畫的時間，比如：1s 500ms 0.5s

3、運動曲線，比如linear勻速、ease首尾慢

4、延遲多長時間開始動畫

運動曲線：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 動畫運行

 多幀動畫：          @keyframes moving{

                                        0%  {    transform: translateY(0px);

                                                }

                                        50% { transform: translateY(400px);

                                                }

                                        100% { transform: translateY(0px);

                                                }

                                      }