css用的过程中知识点

1. 渐变色
   background:-webkit-linear-fradient（起始位置,起始颜色，结束颜色）
   background:-webkit-linear-fradient(top,#fff,#dedede);
   2 动画
   animation:动画名称 动画时间 动画方式 持续动画
   animation: orbmove3 60s linear infinite ;
   @keyframes orbmove3{
   from{
   其实位置就是开始在的位置， rotate 轩轩的角度
   transform: translateX(0px) rotate(0deg);
   }
   to{
   其实位置就是解释的位置， rotate 结束时旋转的角度，需要转的快就把值写大，正顺时针。

    transform: translateX(-2000px) rotate(3600deg);
   

   }
   }

*经出场动画
要动画的父空间添加：
perspective:1000px ；透视
要动画的空间添加
transform:translabe(-50%,-50%) translates(距离<父的透视距离，这个值越看起来越大)
transition:all 3s;所有的，过渡时间3s