Html 如何通过CSS转换淡出（设法淡出，但不知道如何在没有“Webkit”的情况下淡出）

我试着搜索这个，但找不到。 我创建了一个类，当鼠标悬停在paragraph元素上时，它会放大并降低不透明度。我在（.5s）上使用了一个转换。这真的很有效。 然而，我看到（我看了一个视频），你可以创建一个过渡后的悬停。 我一直在尝试使用：

image:hover:after p {
  transition: .5s;
}

但它不起作用。我不了解这些webkit选项。我也看到了不用webkit就可以做到这一点。基本上，没有webkit是否可能？还是我的想象

如果webkit是唯一能让我链接到一些很棒的教程的方法

这是我目前在样式表中的内容：

.image p {
  color: black;
  font-weight: bold;
  background: rgba(235, 229, 235, .3);
}


.image:hover p {
  background: rgba(235, 229, 235, .9);
  transition: 0.5s;
  font-size: 110%;
}

谢谢

---

Luke

尝试将

transition

属性移动到普通选择器，而不是悬停；否则，只有将鼠标悬停在上方而不是鼠标悬停时，才会应用过渡效果

e、 g

---

尝试将

transition

属性移动到普通选择器，而不是悬停；否则，只有将鼠标悬停在上方而不是鼠标悬停时，才会应用过渡效果

e、 g

加上这个

.image p {
    transition: .5s ease-out
}

加上这个

.image p {
    transition: .5s ease-out
}

.image p a{
-webkit转换：所有2个易于输入输出；
-moz转换：所有2个易于输入输出；
-ms转换：所有2个易于输入输出；
-o-转换：所有2个易于输入输出；
过渡：所有2个易于输入输出；
}
图p a：悬停{
-webkit不透明度：0.25；
-moz不透明度：0.25；
不透明度：0.25；
}

悬停元素上的淡入淡出效果

.image p a{
-webkit转换：所有2个易于输入输出；
-moz转换：所有2个易于输入输出；
-ms转换：所有2个易于输入输出；
-o-转换：所有2个易于输入输出；
过渡：所有2个易于输入输出；
}
图p a：悬停{
-webkit不透明度：0.25；
-moz不透明度：0.25；
不透明度：0.25；
}

悬停元素上的淡入淡出效果

也许你在这里混淆了什么。你的意思是及时的“在”之后，比如“一旦悬停效果结束”，还是说伪元素

：after

是一个html组件？也许你在这里混淆了一些东西。你是指及时的“在”之后，如“一旦悬停效果结束”，还是你真的在说伪元素

：after

是一个html组件？使用css3过渡效果并使用不透明度使元素褪色使用css3过渡效果并使用不透明度使元素褪色完美！就这样！简单易用！非常感谢你！很高兴我问。但愿我能给你不止一个这样的！完美的就这样！简单易用！非常感谢你！很高兴我问。但愿我能给你不止一个这样的！