css 动画

-webkit-：谷歌和safari

-moz- :火狐

-ms-：ie 

text-shadow: 5px 1px 3px #008000 ;  //文字阴影 参数：水平 垂直 模糊大小 颜色 可以设置多个用逗号隔开

box-shadow: 3px 3px 8px 5px #04BAF8; //盒子阴影 参数：水平 垂直 模糊大小 模糊宽度 颜色 可以设置多个用逗号隔开

##线性渐变

/* background-image:-webkit-linear-gradient(red,green,yellow,blue);
background-image: -moz-linear-gradient(yellow,blue,green,red);
background-image: linear-gradient(red,green,blue,pinker); */
background: linear-gradient(to left,yellow,red); //渐变 第一个参数渐变方向 可以用度数 to left  相当于-90deg

 background: linear-gradient(45deg,yellow,red) 相当于background: linear-gradient(to top right,yellow,red);

##径向渐变默认从中心点开始 background: radial-gradient(circle at 20% 20%,red,blue);

background: radial-gradient(red,blue);