02.css提高笔记-css3过渡属性

目录

一.css3滤镜filter :图片模糊处理

二. calc 函数

二. transition 过渡属性

---

一.css3滤镜filter :图片模糊处理

filter: blur(10px);

注意：blur是一个函数，小括号里的数字越大，图片越模糊，数值要加单位

二. calc 函数

calc() 此函数可以在声明css属性时执行一些计算,括号里可以使用 + — * /

width: calc(100% - 80px);

二. transition 过渡属性

属性值：过渡的属性 时间 过渡曲线（默认ease） 延迟时间（默认0）

注意：如果想把所有的属性都设置过渡，使用all就可以

transition: width 1s ease 1s;

transition: all 1s;