css3中会忘记的主要是filter,transform,animation,transtion,box-shadom等等。
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,长度,颜色);
能无限叠加