如何使鼠标移动容易在不透明度

Question

当我将鼠标悬停在不透明度上时，我的按钮会发生变化。我希望他们能够缓慢地改变。我如何用jquery做到这一点？

Answer 1

最简单的方法是使用CSS3 Transitions：

element{
   -webkit-transition:color .5s; /* Safari and Chrome */
   -moz-transition: color .5s; /* Firefox */
   -o-transition: color .5s; /* Opera */
   transition:color .5s;
}

目前大多数浏览器都支持此功能。查看this page以获取浏览器兼容性的完整列表。除非你需要定位Internet Explorer＆gt; 10或者真正旧版本的Firefox和Opera，否则你应该没问题。