在css转换中，如何使一个图像而不是整个容器褪色？

我是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;

}

我删除了淡出类，但该网站仍然淡出一切。

---

非常感谢。

不用jQuery。我想你应该给每一张图片都加上一个id

---

jQuery让这变得更容易。

你能展示一下你到目前为止都做了哪些尝试吗？请发布你的代码和你研究过的任何东西。你想实现什么？谢谢@Nimish@Think jquery对我来说有点超前，目前我正在努力让css淡入淡出