css动画

1. 2Dtransform:

           transform:变形

             属性值：

                  translate：平移（简写）

                      只写一个值代表水平方向，垂直方向为0

                  包含：translateX/translateY

                        水平：正值向右，负值向左

                        垂直：正值向下，负值向上

                  rotate：设置旋转 单位deg

                       正值顺时针，负值逆时针

                  scale：设置放大缩小，数值，代表当前元素的宽高倍数

                       只写一个值：代表宽高缩放倍数相同

                       二个值：第一个代表宽，第二个代表高

                     注意：缩小是【0，1），放大>1

                  skew:设置倾斜，单位deg

                      只写一个值代表水平方向

                      二个值：第一个代表水平，第二个代表垂直

                   包含：skewX/skewY

2.过渡

       transition-property:设置改变的属性

           值：

              单个改变的属性

              all：设置所有改变的属性

              如果同时选择多个属性 用逗号隔开

        transition-duration：设置过渡时间

        transition-delay：设置过渡延迟

        transition-timing-function：设置过渡速度

             可选择：linear 匀速

                    ease 先慢后快再慢

                    ease-in 有慢到快

                    ease-out 由慢结束

                    ease-in-out 设置慢开始和结束

                    cubic-bezier 贝塞尔曲线

        transition:简写 必须要包含变化的属性和过渡时间