有没有办法只使用CSS 3创建淡入/淡出效果？

有没有一种方法可以分别在鼠标移过/移出时创建淡入/淡出效果，并且只使用CSS 3？
如果有的话，你会说这是一种只使用CSS实现这种效果的好方法吗？

---

对我来说，这似乎只是一个演示文稿的问题，所以我不确定为什么要使用JavaScript？

您是否在寻找这样的东西：

这很简单

.box{
    opacity: 0.0;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.box:hover{
    opacity: 1.0;
}

---

至于使用它是否是一个好主意，这取决于你的目标受众以及你希望他们使用或支持的浏览器。Safari、Chrome和Firefox（我相信Opera）的最新版本都支持它。不知道IE的最新版本，但你几乎可以忘记旧版本。

你在找这样的东西吗：

这很简单

.box{
    opacity: 0.0;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.box:hover{
    opacity: 1.0;
}

---

至于使用它是否是一个好主意，这取决于你的目标受众以及你希望他们使用或支持的浏览器。Safari、Chrome和Firefox（我相信Opera）的最新版本都支持它。不知道IE的最新版本，但你几乎可以忘记旧版本。

我知道兼容性问题，但它是演示和行为的良好分离吗？是的，我肯定这样认为，这都是演示文稿。我知道兼容性问题，但这是演示文稿和行为的良好分离吗？是的，我肯定这么认为，这都是演示文稿。