另一幅图像上的背景不透明度和模糊

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经验来确定。