filter

主要有用到几个属性:1、drop-shadom(x,y,范围，颜色);这个跟box-shadom很像唯一区别是没有box-shadom那么色彩重，且更符合自然原理。还有就是跟box-shadom的叠加性有区别。

2、brightness()亮度，

3blur()模糊

4opacity()透明度

大体就是上面十种，主要用到的其实就上面4种。

transform

1、translate(x,y) 平移    translateX()  translateY（）

2、translate3d(x,y,z) 3d平移 translateX() translateY（） translateZ（）

3、scale(x,y)缩放 scale3d(x,y，z)3d缩放;

4、rotate(x,y)旋转 rotate3d(x,y,z)3d旋转

5、skew(x,y)倾斜翻转skew3d(x,y,z)3d倾斜翻转

transtion

这个属性主要跟hover一起触发。改变元素属性。

animation

主要跟@keyform 定义动画 

animation-name: myfirst;名称

animation-duration: 5s;运行时间

animation-timing-function: linear;运行函数

animation-delay: 2s;等待时间

animation-iteration-count: infinite;运行次数，这个表示不停的运行

大体上上面那些就足够了，而且上面的可以统一写成animition：myfirst 5s linear infinite；

box-shadom

跟drop-shadom差不多，主要区别是它可以叠加;

box-shadom:5px 3px 2px red,5px 3px 2px blue;

box-shadom：（x,y,长度,颜色），（x,y,长度,颜色）；

能无限叠加