如何使鼠标悬停不透明

【问题标题】：How to make the mouseover ease in opacity如何使鼠标悬停不透明
【发布时间】：2014-04-09 21:50:06
【问题描述】：

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

【问题讨论】：

最简单的方法是使用 CSS3 过渡。
但这对多浏览器友好吗？
Jquery 缓动插件？ api.jqueryui.com/easings

【解决方案1】：

最简单的方法是使用 CSS3 过渡：

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 >10 或非常旧版本的 Firefox 和 Opera，否则应该没问题。

【讨论】：