सिक्नुहोस् CSS3 सँग द्रुत प्रभावहरू कसरी सजिलैसँग र सजिलै थप्नुहोस्

जोडको लागि वेब पृष्ठ तत्वमा एक ग्लाउ थप्नुहोस्

तपाईंको वेब पेजमा एक तत्वमा एक नरम बाहिरको चमक थपिएको तत्वले दर्शकलाई बाहिर खडा हुन सक्छ। महत्त्वपूर्ण वस्तुको बाहिर किनारा वरिपरि चमक लागू गर्न CSS3 र HTML को प्रयोग गर्नुहोस्। प्रभाव फोटोशॉपमा एक वस्तुमा थप बाह्य चमकको जस्तै छ।

पहिलोलाई ग्लोबलमा तत्व सिर्जना गर्नुहोस्

ग्लो इफेक्ट कुनै पनि रङ पृष्ठभूमिमा गर्न सकिन्छ, तर तिनीहरू अँध्यारो पृष्ठभूमिमा राम्रो देख्छन् किनभने त्यसोभए चमक अधिक शिमर लगाउँदछ। यस गोल्ड-कोइन्ट आयताकार बक्स उदाहरणमा, एक DIV तत्वलाई अर्को DIV तत्वमा कालो पृष्ठभूमिमा राखिएको छ। बाह्य डीआई चमकको लागि आवश्यक छैन, तर सेतो पृष्ठभूमिमा चमक हेर्न कठिन छ।

DIV को एक चमक को क्लास दिनुहोस्:


तत्वको साइज र रङ सेट गर्नुहोस्

तपाईंले एक उज्ज्वल संग गल्ती गर्नुहुने तत्व चयन गरे पछि, अगाडि जानुहोस् र तपाईले चाहानु भएको कुनै पनि शैलीहरू थप्नुहोस् , जस्तै पृष्ठभूमि रङ, साइज र फन्टहरू। यो उदाहरण नीलो आयत हो; आकार 147px सम्म 90px सम्म सेट गरिएको छ; र पृष्ठभूमि रंग # 1f5afe मा सेट गरिएको छ, एउटा शाही नीलो। यसमा कालो कन्टेनर तत्वको बीचमा तत्व राख्नको लागि एक मार्जिन समावेश गर्दछ।