html - 如何使用 CSS Transition 淡出(设法淡入，但不明白如何在没有 "Webkit"的情况下淡出)

Question

我试过搜索这个但找不到。我创建了一个类，当鼠标悬停在 pararaph 元素上时，它会放大并降低不透明度。我在 (.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%;
}

谢谢，

卢克

Answer 1

添加这个

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