css3

1、圆角
2、边框
3、背景
4、阴影
5、渐变

background: linear-gradient(blue,red,yellow);

6、2D效果：
　　旋转
   transform: rotate(230deg)
　　移动
　 transform: translate(50px,100px)
　　缩放
   transform: scale(2,3)
    拉伸
   transform:skew(50deg,20deg)
7、动画
   animation move 2s;
　　@keyframs move{
　　　　form {left: 10px}
       to   {left: 200px}
     }

8、多媒体查询
  @media screen and (max-700px){
    body{
　　　　background-color: red;
    }
   }