背景不透明度和模糊在另一个图像

Question

我正在研究一件事，而不是使用大图像，我会使用正常的背景颜色，有一些不透明度和模糊...

以下是示例：http://codecanyon.net/item/translucent-jquery-banner-rotator-slideshow/801607?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=VF

该滑块具有半透明且模糊的描述栏，这正是我想要的......

我在这里找到了另一个例子：http://www.blurjs.com/

但我不想要javascript。如果可以用css3完成，我会很高兴。

我不知道该滑块是否使用javascript或css？

任何人都知道用css编写类似的代码吗？谢谢你的时间。

Answer 1

您链接的滑块使用的是canvas元素，需要使用javascript进行操作。

你想要的只是单独的CSS是不可行的 - 你需要javascript，但有可能svg可以处理它。但是，我没有足够的svg经验来确定。