这是我的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)标志,但它没有做任何事情。
谢谢
最佳答案
我很幸运刚刚添加了
-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 影响标签内的文本,我必须将我的链接标签放在整个按钮周围,而不是放在里面。
希望对您有所帮助!
关于javascript - 更改 onmouseover 和 onmouseout 的过渡时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26298664/