CSS转换-仅悬停时淡入淡出元素

是否可能有一个css转换，使元素在悬停时淡入淡出，但在鼠标离开时仅隐藏该元素

---

i、 e.悬停在=淡入淡出0.5秒|悬停在=不淡入淡出，瞬间

是的，您可以使用CSS3转换来实现这一点。基本上，您的CSS应该如下所示：

#myLink{
不透明度：0；
}
#myLink:悬停{
不透明度：1；
-webkit转换：所有0.2秒易入易出；
-moz转换：所有0.2秒缓进缓出；
-o型过渡：所有0.2秒缓进缓出；
过渡：所有0.2秒缓进缓出；
}

---

这里有一个jsFiddle来演示：

是的，只需在

：hover上设置转换，而不是链接-

（在小提琴中，链接位于“结果”框的左上角）

#主菜单LIA{
不透明度：0；
}
#主菜单li a：悬停{
不透明度：1；
过渡：不透明度0.5s易用；/*无供应商回退*/
-o型过渡：不透明度0.5s易于调节；/*opera*/
-ms过渡：不透明度0.5s易于使用；/*即10倍，在最终构建中不需要*/
-moz过渡：不透明度0.5s易用；/*Firefox*/
-webkit过渡：不透明度0.5s易用；/*safari和chrome*/
}​
感谢您使用特定于浏览器的前缀@Rich Bradshaw进行编辑。我认为在#myLink上进行切换在hover上就足够了