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

Question

有没有办法分别在鼠标上/下使用CSS 3创建淡入/淡出效果？ 如果有的话，你会说这是用CSS实现这种效果的好方法吗？ 对我来说，它似乎只是一个演示文稿问题所以我不确定为什么要涉及JavaScript？

Answer 1

您是否正在寻找类似的内容：http://jsfiddle.net/hRuR9/2/？

这很简单......

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

.box:hover{
    opacity: 1.0;
}

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