大佬教程收集整理的这篇文章主要介绍了CSS：鼠标移出时的过渡不透明？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
.item:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
为什么这只是动画的不透明度，当我悬停，但不是当我离开的对象与鼠标？
.item {
height:200px;
width:200px;
background:red;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.item:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
演示：http://jsfiddle.net/7uR8z/6/
如果不希望转换影响鼠标悬停事件，而只想要鼠标悬停事件，则可以为：hover状态关闭转场：
.item:hover {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
以上是大佬教程为你收集整理的CSS：鼠标移出时的过渡不透明？全部内容，希望文章能够帮你解决CSS：鼠标移出时的过渡不透明？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。