css - 在 css transition 中如何淡化一个图像而不是整个容器？

Question

我是 CSS 新手。如何翻转链接到 html 页面上的 url 的图像(不是背景图像)以显示一些文本？或者淡出，如何在悬停时淡出图像？这是我试过的代码，它不能正常工作。它会淡化包含所有图像的整个容器，而不是一次只淡化一张图像。

.withfadeout {
opacity: 1;
transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
-moz-opacity: 0.2;
}
.withfadeout:hover {
opacity: 0.25;

我删除了淡出类，但该站点仍然淡出所有内容。非常感谢。

Answer 1

没有 jQuery。我认为你应该给每个图像一个 idjQuery 使这更容易。