ホバーを離れるためのCSS疑似クラス

Question

私のウェブサイトには、ユーザーがリンク上を移動するときにすばやく移行するような小さなホバー効果があります。しかし、ユーザーがボックスの上にホバリングを残すと、シャドウ（および他の特性）はすぐに消え去ります。 Un-hover型の擬似クラスを使用して、おそらく何かを使用して、両方でフェードアウトするプロパティを取得する方法はありますか？ありがとう！それは場合に役立ちますし、ここでCSSのブロックである：

a.squares:hover, a.squares:active { 
    color: black; 
    background-color: #E8E8E8; 
    box-shadow: 0 0 12px black; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; 
    -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; 
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; 
} 

Answer 1

がa.squaresにトランジションを入れないa.squares:hover

a.squares { 
    -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; 
    -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; 
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; 
} 
a.squares:hover, a.squares:active { 
    color: black; 
    background-color: #E8E8E8; 
    box-shadow: 0 0 12px black; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
} 

私はちょうど遷移:)あり