如何使图像恢复悬浮时的不透明度效果？

Question

例如，当我将鼠标悬停在我设置不透明度的图像上时，我希望这些图像最初不会透明。

Answer 1

只需使用:hover伪选择器。

＆＃13;

＆＃13;

img {
  opacity: 0.5;
}

img:hover {
  opacity: 1.0;
}

＆＃13;

<img src="https://s-media-cache-ak0.pinimg.com/236x/1c/74/6c/1c746c3dffb830b890a21e5bb1ef7500.jpg" height="200" width="200"

＆＃13;

＆＃13;

＆＃13;