CSS3トランジションの容易化とボックスシャドウ

Question

CSS3を使用してボックスシャドーを容易にするdiv idを取得しようとしています。

私が持っている現在の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にトランジションを使用する必要はありません

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; 
}