常用的如下：（还可根据个人需要去下载安装其他滤镜）\x0d\x0a杂色滤镜\x0d\x0a\x0d\x0a杂色滤镜：有4种，分别为蒙尘与划痕、去斑、添加杂色、中间值滤镜，主要用于较正图像处理过程（如扫描）的瑕疵。\x0d\x0a\x0d\x0a扭曲滤镜\x0d\x0a\x0d\x0a扭曲滤镜（Distort）是Photoshop“滤镜”菜单下的一组滤镜，共12种。这一系列滤镜都是用几何学的原理来把一幅影像变形，以创造出三维效果或其他的整体变化。每一个滤镜都能产生一种或数种特殊效果，但都离不开一个特点：对影像中所选择的区域进行变形、扭曲。\x0d\x0a\x0d\x0a抽出滤镜\x0d\x0a\x0d\x0a抽出滤镜是PS里的一个滤镜，其作用是用来抠图。 抽出滤镜的功能强大，使用灵活，是photoshop的御用抠图工具，它简单易用，容易掌握，如果使用得好的话抠出的效果非常的好，抽出即可以扣烦杂背景中的散乱发丝，也可以抠透明物体和婚纱。\x0d\x0a\x0d\x0a渲染滤镜\x0d\x0a\x0d\x0a渲染滤镜可以在图像中创建云彩图案、折射图案和模拟的光反射。也可在 3D \x0d\x0a空间中操纵对象，并从灰度文件创建纹理填充以产生类似 3D 的光照效果。\x0d\x0a\x0d\x0aCSS滤镜\x0d\x0a\x0d\x0acss滤镜的标识符是“filter”，总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。 \x0d\x0acss滤镜分类可以直接作用于对象上，并且立即生效的滤镜称为基本滤镜。而要配合JavaScript等脚本语言，能产生更多变幻效果的则称为高级滤镜。\x0d\x0a\x0d\x0a风格化滤镜\x0d\x0a\x0d\x0aPhotoshop中“风格化”滤镜是通过置换像素和通过查找并增加图像的对比度，在选区中生成绘画或印象派的效果。它是完全模拟真实艺术手法进行创作的。 \x0d\x0a在使用“查找边缘”和“等高线”等突出显示边缘的滤镜后，可应用“反相”命令用彩色线条勾勒彩色图像的边缘或用白色线条勾勒灰度图像的边缘。\x0d\x0a\x0d\x0a液化滤镜\x0d\x0a\x0d\x0a“液化”滤镜可用于推、拉、旋转、反射、折叠和膨胀图像的任意区域。 \x0d\x0a您创建的扭曲可以是细微的或剧烈的，这就使“液化”命令成为修饰图像和创建艺术效果的强大工具。 可将“液化”滤镜应用于 8 位/通道或 16 \x0d\x0a位/通道图像。\x0d\x0a\x0d\x0a模糊滤镜\x0d\x0a\x0d\x0a模糊滤镜在Photoshop中模糊滤镜效果共包括6种滤镜，模糊滤镜可以使图像中过于清晰或对比度过于强烈的区域，产生模糊效果。它通过平衡图像中已定义的线条和遮蔽区域的清晰边缘旁边的像素，使变化显得柔和。
只是用到了css滤镜(filter)中的blur属性。CSS中的毛玻璃特效主要使用了filter属性里的blur（）函数，也就是高斯模糊滤镜。
但是要做一个好的毛玻璃效果，需要注意很多细节。
滤镜属性被子元素继承了，这个纯css不能解决，这玩意子继承了父的模糊根本覆盖不了：
<body>
<div id="a">id=a这层单独放：图片背景+模糊滤镜</div>
<!-- 下面id=b这个div里面才放你网页主要结构 -->
<div id="b">
<div class="horizontal-scroll-area" style="width:3000px"></div>
<div class="horizontal-scroll-pips"></div>
</div>
</body>
然后：
----------------------------------------------------------------------
css 定位属性让 b 重叠在 a 上面合适位置
(给a、b外面再加个父级并相对定位，a、b分别绝对定位)
弄个js，判断 a、b 两个区域的高度，让矮的那个始终高度等于高的那个
(现成的js网上到处都是，自己百度)
