鼠标移入时(即hover时)transition显示,但是移出是transition直接消失,求各位大神解决,谢谢
「已注销」 2015-09-24 11:17:14 具体代码如何:
.activity .acti-product a:before,
.activity .acti-product a:after{position:absolute; top:-3px; bottom:-3px; left:-3px; right:-3px; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; content:"";}
.activity .acti-product a:before{border-top:3px solid #ed7020; border-bottom:3px solid #ed7020; -webkit-transform:scale(0,1); -moz-transform:scale(0,1); -ms-transform:scale(0,1); -o-transform:scale(0,1); transform:scale(0,1);}
.activity .acti-product a:after{border-left:3px solid #ed7020; border-right:3px solid #ed7020; -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0);}
.activity .acti-product a:hover:before,
.activity .acti-product a:hover:after{filter:alpha(opacity=100); opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.activity .acti-product a:hover img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}