Html 悬停图像时如何使用户选择效果

在web浏览器上选择图像时，图像将变为蓝色。如果我想让它在悬停时变成蓝色，我该怎么办？我尝试了一个蓝色背景和不透明度为0的重叠div，当悬停时它的不透明度变为0.65，但我不知道为什么效果运行得这么慢

---

下面是我尝试做的一些事情：jsfiddle.net/hq5b2/1/

你的小提琴对我来说运行得很好，在Chrome33和IE 11中，悬停效果似乎都是完全正常的速度。。。计算不透明度和重叠元素是你可以用HTML/CSS做的一些处理器密集型的事情，但是，我仍然不希望像那把小提琴一样小的样本对绝大多数用户来说会明显慢。我使用的是FireFox，我认为我的计算机很好>>，起初，当我在上面悬停时，它立即变为蓝色，但当我移动光标时，需要一段时间才能恢复正常，虽然不多，但很明显。