CSS3 Transition轻松进出Box Shadow

Question

我试图让div id轻松进出使用CSS3的方块阴影。

目前的CSS我是：

#how-to-content-wrap-first:hover { 
-moz-box-shadow: 0px 0px 5px #1e1e1e; 
-webkit-box-shadow: 0px 0px 5px #1e1e1e; 
box-shadow: 0px 0px 5px #1e1e1e; 
-webkit-transition: box-shadow 0.3s ease-in-out 0s; 
-moz-transition: box-shadow 0.3s ease-in-out 0s; 
-o-transition: box-shadow 0.3s ease-in-out 0s; 
-ms-transition: box-shadow 0.3s ease-in-out 0s; 
transition: box-shadow 0.3s ease-in-out 0s; 

我遇到的问题是，在元件的第一悬停没有宽松或缩小，然后任何后续悬停缓解，但不缓解出。

任何建议的人都会非常感激？

Answer 1

您需要在.class使用的过渡，而不是.class:hover

Demo

div { 
    height: 200px; 
    width: 200px; 
    box-shadow: none; 
    transition: box-shadow 1s; 
    border: 1px solid #eee; 
} 

div:hover { 
    box-shadow: 0 0 3px #515151; 
} 

是`的box-shadow需要