CSS伪类选择器

Question

在有问题的对象失去焦点之后，您会/或者有可能在css3中创建动画？

例： 您将鼠标悬停在图片，并显示画面上方的方框滑入视图一样如此：

.product_title { 
    border:5px solid black; 
    width:0px; 
    height:0px; 
    background-color:#deddcd; 
    /* margin:-130px 0 0 200px; */ 
    position:relative; 
    z-index: 10; 
    border-radius: 10px; 
    opacity: 0.9; 
} 
.product_wrap:hover .product_title { 
    width:154px; 
    height:164px; 
    -webkit-transition-duration: 0.8s; 
    -moz-transition-duration: 0.8s; 
    -ms-transition-duration: 0.8s; 
    overflow: visible; 
    position: absolute; 

现在我想做的是“后，”我是从当前移动鼠标对象到下一个这将激活我刚刚“失去焦点”的对象，同时也执行过渡期。这样，在0.8s内顺利出现的盒子将在0.8秒内顺利消失，而不是瞬间消失。

是否可以用CSS3做到这一点？

Answer 1

只需添加

-webkit-transition-duration: 0.8s; 
-moz-transition-duration: 0.8s; 
-ms-transition-duration: 0.8s; 

到.product_title为好。

参见：http://jsfiddle.net/pcJQ5/

Answer 2

不，你不能跟踪，如果你失去了焦点在CSS3，你将不得不与javascript结合实现。