Question

我需要在徽标图像上更改鼠标悬停时的背景图像。我能够做到这一点，但图像之间的过渡并不顺利。

你能帮助我在图像之间平滑过渡吗？

以下是代码：

<HEAD>
    <link rel="stylesheet" href="zenota.css">
    <SCRIPT language="javascript">
    function MouseOver(){
        document.body.style.backgroundImage="url('picture2.jpg')";
    }

    function MouseOut(){
        document.body.style.backgroundImage="url('picture1.png')";
    }
    </SCRIPT> 
</HEAD>
<BODY>
    <a href="#" onMouseOver="MouseOver()" onMouseOut="MouseOut()">
    <img name="picture" src="zenota3.png" alt="My Image" width="300" height="150"/>
    </a>
</BODY>

Answer 1

过渡通过在特定持续时间内平滑地更改CSS值来提供动画效果。检查一下......
http://www.developerdrive.com/2012/05/how-to-make-smooth-transitions-with-css3/

如何从一个背景图像平滑过渡到另一个背景图像

1 个答案: