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

Question

是否有可能有一个css转换,它会在悬停时淡化元素,但只是在鼠标离开时隐藏元素.

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

Answer 1

是的,你可以使用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来演示:小提琴