当有人将鼠标悬停在图像上并显示某些文字时,如何模糊图像?

时间:2015-07-12 06:28:54

标签: html css

我想创建一个内部带有图像的框。当用户将鼠标悬停在盒子上时,它应该模糊并在模糊区域显示一些文字。

enter image description here

当用户将鼠标悬停在此框上时,它应如下所示: enter image description here

1 个答案:

答案 0 :(得分:0)

请在JSFIDDLE上分享我可以轻松获取的代码。

我不知道您的代码,但您可以通过css模糊任何图像:

-webkit-filter: blur(5px);
filter: blur(5px);