1.滤镜属性 filter

image.png
滤镜属性还有其他效果，其中模糊效果最常用，也经常和 :hover 伪类搭配，当鼠标移动到图片上时将背景图片模糊处理。

  • 最常用的滤镜效果还有不透明效果，如果要实现50%的不透明度（其它高级浏览器的实现参阅opacity）： 
    1. div{filter:alpha(opacity=50);} /* for IE8 and earlier */
    2. div{opacity:.5;} /* for IE9 and other browsers */
    3. 以上两行代码效果相同。

    2.CSS3 calc 函数

    image.png
    使用计算函数，就能动态的修改盒子的宽高了。（有点像 rem 这个单位呢，还有后面要学的sass scss less）
    image.png