如何解决为按钮创建平滑的过渡,将其悬停时显示隐藏的跨度
|| 我有一个按钮,将鼠标悬停在该按钮上时会显示一个隐藏的“ 0”。我要弄清楚的是如何在:hover
上过渡按钮的扩展,使其更平滑。我尝试使用CSS3转换,但无法完全解决。另外我也不知道这是否是最好的解决方案。
编辑:我添加了一些jQuery,但一定有问题。这是我在这里阅读上一个答案后使用的脚本(如果可以再次找到,我将参考该脚本):
$(\'a:has(span)\').hover(
function() { $(\'span\',this).fadeIn(); },function() { $(\'span\',this).fadeOut(); },);
我创建了一个小提琴:http://jsfiddle.net/UYexr/。谁能帮我吗?
解决方法
如果我是你,我会因为缺乏支持而避免使用CSS3。考虑到我可能会坚持使用JS动画。
我看到的最好的方法是使跨度为具有定义宽度的
display:inline-block;
。然后,您可以使用JavaScript动画库为跨度的显示设置动画。
就个人而言,我将继续使用jQuery的动画方法。尽管有很多js动画库...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。