CSS3 संक्रमण आसानी से बाहर और बाहर बॉक्स छाया

Question

मैं CSS3 का उपयोग कर बॉक्स छाया के अंदर और बाहर आसानी से div आईडी प्राप्त करने का प्रयास कर रहा हूं।

वर्तमान सीएसएस मेरे पास है:

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