您仅将转换应用于
:hover伪类,而不应用于元素本身。
.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;}如果您只希望过渡不影响
mouse-over事件,
mouse-out则可以为
:hoverstate 关闭过渡:
.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;}


