css渐变＋动画

  使用了浮动的元素的父级清浮动 

        

        线性渐变 background-image: linear-gradient(to方向/角度deg，颜色（xx%/px）；)

        重复渐变background-image:repeating-linear-gradient(to方向/角度deg，颜色（xx%/px）前一个颜色的像素px要比后一个小

        径向渐变background-image:radial-fradient(red,blue)中心园同上方向==

        

        动画transform:translate(100px,100px)水平竖直方向上的位移

        transform:scale(0.5);  1以下缩放，以上倍数放大

        transform:rotate(60deg);旋转

        transform:0.3s,过度时间

        transform-orgin:right bottom;基准点

        动画帧

        @keyframes动画名from to{

            0%{

                transfrom:translatex(0px)

            }

            100%{

                transfrom:translatex(800px)

            }

        }    

        动画animation:动画名 动画时长 贝塞尔曲线 开始时间 播放次数