悬停时如何使图像恢复不透明度影响?
How to make images revert the opacity affect when hovered?
例如,当我将鼠标悬停在已设置不透明度的图像上时,我希望图像像最初那样不透明。
现在解决了!
只需使用 :hover
伪选择器。
img {
opacity: 0.5;
}
img:hover {
opacity: 1.0;
}
<img src="https://s-media-cache-ak0.pinimg.com/236x/1c/74/6c/1c746c3dffb830b890a21e5bb1ef7500.jpg" height="200" width="200"
例如,当我将鼠标悬停在已设置不透明度的图像上时,我希望图像像最初那样不透明。
现在解决了!
只需使用 :hover
伪选择器。
img {
opacity: 0.5;
}
img:hover {
opacity: 1.0;
}
<img src="https://s-media-cache-ak0.pinimg.com/236x/1c/74/6c/1c746c3dffb830b890a21e5bb1ef7500.jpg" height="200" width="200"