javascript - 更改 onmouseover 和 onmouseout 的过渡时间？

Question

这是我的HTML

<img class="logo" src="css/images/logo.png" align="center"    onmouseover="this.src='css/images/logohov.png'" onmouseout="this.src='css/images/logo.png'"> </img>

有什么方法可以更改过渡时间？我添加了 transition:all 0.3s ease;到类(class)标志，但它没有做任何事情。

谢谢

Answer 1

我很幸运刚刚添加了

-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;

我的 css 用于标签上的类，它影响了 onmouseover 和 onmouseout 的过渡时间(不使用任何 :hover css)。

PS 为了让 onmouseover 和 onmouseout 影响标签内的文本，我必须将我的链接标签放在整个按钮周围，而不是放在里面。

希望对您有所帮助!