CSS中的filter属性可以实现一些有趣的视觉效果，比如模糊、透明、颜色调整、灰度等等。

需要注意的是，不是所有浏览器都支持所有的filter效果，因此在使用时需要进行兼容性处理。

/* 毛玻璃效果 */
.element {
filter: blur(5px); /* 高斯模糊 */
-webkit-filter: blur(5px); /* 兼容webkit内核浏览器 */
}
/* 不透明度 */
.element {
filter: opacity(0.5); /* 50%不透明 */
-webkit-filter: opacity(0.5);
}
/* 颜色调整 */
.element {
filter: hue-rotate(90deg); /* 将所有颜色旋转90度 */
-webkit-filter: hue-rotate(90deg);
}
/* 灰度 */
.element {
filter: grayscale(100%); /* 100%变为灰度图 */
-webkit-filter: grayscale(100%);
}

当然，以上只是一些简单的示例，filter还有许多其他的用法和属性，并且可以与其他CSS属性进行组合使用，创造出更多更丰富的效果。