jquery - 鼠标悬停时背景颜色不动画

Question

我正在设计一个网页，我想制作一个“联系我们”页面。我希望将 .emailSelectorContainer 的背景动画化为另一种颜色。但这似乎不起作用。这是代码；

$(".emailSelectionContainer").hover(function(){

        $(".mailImage").attr("src", "photos/mailHover.png");

        $(".emailSelectorContainer").animate({'backgroundColor': '#f5f5f5'},400);

    }, function(){

        $(".mailImage").attr("src", "photos/mail.svg");
        $(".emailSelectorContainer").animate({'backgroundColor': '#000'},400);

    });

提前致谢。

Answer 1

我简单的在css中使用了@keyframes来解决平滑过渡的问题。