javascript - 使用CSS的导航文本淡入淡出

我正在努力为我做一个投资组合。我希望在滚动导航链接（纯文本）时具有淡入淡出的效果。有什么方法可以使用css获得衰落效果吗？或者我该怎么办？请帮我 ：）

最佳答案

几种方法可以做到这一点。

CSS3：

使用-webkit-transition。

#fademe {
   opacity: 0.5;
   -webkit-transition: opacity 1s;
}

#fademe:hover {
   opacity: 1;
   -webkit-transition: opacity 1s;
}

jQuery（JavaScript）：

jQuery的hover和fadeTo方法。

$("#fademe").hover(function(){
    $(this).fadeTo(1);
}, function(){
   $(this).fadeTo(0.5);
});