5
मेरे पास एक मेनू है, जिसमें कई लिंक हैं। मैं इन लिंक को पृष्ठभूमि में चमकते प्रभाव के साथ चाहता हूं जब मैं उन्हें घुमाता हूं।CSS3: लिंक-होवर (टेक्स्ट-ग्लो नहीं) पर चमकती पृष्ठभूमि
मैंने लगभग इसे सीएसएस संक्रमण, बॉक्स-छाया और लिंक पर हल्का पृष्ठभूमि-रंग का उपयोग करके बनाया है।
समस्या यह है कि संक्रमण-प्रभाव बॉक्स-छाया को प्रभावित करता है, ताकि जब संक्रमण शुरू हो जाए, तो लिंक में कोई बॉक्स-छाया नहीं होती है, जो उन्हें एक स्क्वायर पृष्ठभूमि-रंग देता है। जब संक्रमण समाप्त हो गया है, चमकती पृष्ठभूमि ठीक दिखती है।
कृपया मेरी जेएसफ़ाइल देखें: http://jsfiddle.net/xCJ46/।
मैं इसके साथ आपकी सहायता की बहुत सराहना करता हूं।
<html><style>
div a:hover {
background: #527fa9;
-webkit-box-shadow: inset 0 0 30px 15px #49628a;
-moz-box-shadow: inset 0 0 30px 15px #49628a;
box-shadow: inset 0 0 30px 15px #49628a;
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
}
</style></html>
लिंक की संपत्ति (होवर नहीं) में बॉक्स-छाया जोड़ें। उदा div एक {बॉक्स-छाया: इन्सेट 0 0 30px 15px # 49628a; } – reinder