鼠标移入时（即hover时）transition显示，但是移出是transition直接消失，求各位大神解决，谢谢

[「已注销」]

具体代码如何：
.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);}

[「已注销」]

transition指过渡效果

[fjy_1012]

transition要放在过渡之前的元素里，而不是hover的里面，也就是hover之后；比如a元素要hover，那么transition要放在a:hover之前的a的样式里面，而不能放在a:hover里面。你放在hover之后，当然只有hover之后的一半过渡动画，而没有hover之前的那一半过渡动画了。