悬停效果不适用于CSS过渡

艾菲尔·费迪达(Aviel Fedida)

我在我的网站上看到一个漂亮的ToTop按钮,如您在此处看到的:

The following link is with css transition

http://jsfiddle.net/Zvz6G/

我得到了一些不错的悬停效果,但是问题是,通过使用Transition来获得看起来不错的悬停效果,我失去了我的fadeIn / fadeOut效果来显示问题,这是与上面相同的代码,但没有进行过渡:

The following link is without css transition

http://jsfiddle.net/tGeh2/

正如您现在所看到的,我得到了我的fadingIn / fadeOut效果,但是我失去了悬停效果,我的问题是:这是什么原因该如何解决它,谢谢大家,并祝您愉快。

阿里雷扎·艾哈迈迪(Alireza Ahmadi)

根据您的代码,您可以定义一个禁用CSS过渡的新类,在开始效果之前将其添加到滚动到顶部按钮中fadeOut,然后在fadeOut效果完成后将其删除。我已经更改了代码并修复了问题,可以看到我的更改在这个小提琴中

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章