CSS Transition – 仅在悬停时淡化元素

前端之家收集整理的这篇文章主要介绍了CSS Transition – 仅在悬停时淡化元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能有一个css转换,它会在悬停时淡化元素,但只是在鼠标离开时隐藏元素.

即悬停在=淡入0.5秒|徘徊=没有褪色和瞬间

解决方法

是的,您可以使用 CSS3过渡实现此目的.基本上,你的CSS应该是这样的:
#myLink {
    opacity: 0;
}

#myLink:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

这里有一个jsFiddle来演示:Fiddle

猜你在找的CSS相关文章