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%);
    }

css3中filter的各种效果

标签：

原文地址：http://www.cnblogs.com/Imever/p/4546789.html