css3中filter的各种效果

css3的-webkit-filter毛玻璃效果：

 

.blur{

        width: 300px;

        height: 300px;

        -webkit-filter:blur(2px);

        -moz-filter:blur(2px);

        filter:blur(2px);

    }

 

css3的-webkit-filter阴影效果：

.filter{

        width: 300px;

        height: 300px;

        -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));

        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));

    }

css3的-webkit-filter褐色效果：

.filter{

        width: 300px;

        height: 300px;

        -webkit-filter: sepia(100%);

        filter: sepia(100%);

    }