如何在有人將鼠標移到圖片上並顯示一些文字時模糊圖像？

我想創建一個盒子裏面的圖像。當用戶懸停在盒子上時，應該模糊不清，並在模糊區域上顯示一些文字。如何在有人將鼠標移到圖片上並顯示一些文字時模糊圖像？

enter image description here

當此框中用戶將鼠標懸停它應該是這樣的： enter image description here

2015-07-12 charchit

請JSFIDDLE，我可以很容易地把它分享你的代碼。

我不知道你的代碼，但是你可以通過CSS模糊任何圖像：

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

2015-07-12 06:31:02 MHK

我只知道基本的HTML和CSS。看到這個http://codepen.io/，當你將鼠標懸停在它的模糊上並顯示一些文本時。它應該像這樣工作..顯示黑色模糊背景，但我只想正常背景 – charchit

然後你想要什麼？分享代碼我會盡我所能爲你:) – MHK

thanx @mhk只看到codepen網站有6個框和一些圖像，當你把鼠標放在它上面時，它模糊並顯示一些文字，我想要這個效果。 – charchit

回答