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

时间:2012-05-12 22:40:46

标签: jquery css3 blur translucency

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

以下是示例: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编写类似的代码吗?谢谢你的时间。

1 个答案:

答案 0 :(得分:3)

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

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