CSS3实现模糊背景的原理

【前言】

    今天有个之前的学生问了道问题，怎么利用实现背景模糊？

 

【主体】

    这里做下记录，以后讲课重点强调下~

    其实原理十分简单，可以利用伪元素和绝对定位，然后给伪元素添加模糊属性filter:(n px),接着给其设置背景为inherit继承父级，这样便可以将其背景模糊处理。

 

主要语法：

background: inherit; filter: blur(2px);