CSS3 ऑटो कोड जनरेटर के साथ छवियों के लिए छाया प्रभाव जोड़ें

CSS आपको अपने वेबपेजों को बहुत आसानी से स्टाइल करने देता है। आप एक पृष्ठ में सौ से अधिक पाठ शैलियों को परिभाषित कर सकते हैं (निश्चित रूप से आपका पृष्ठ एक सर्कस तम्बू की तरह दिखाई देगा) लेकिन यह वेबपेजों में सीएसएस का उपयोग करने के साथ आने वाली आसानी और लचीलेपन के बारे में है।ThemeShock एक सीएसएस कोडर जनरेटर है जो आपकी छवियों को कुछ सरल क्लिकों में अलग-अलग ड्रॉप छाया प्रभाव जोड़ने में मदद करेगा। आप प्रभाव चुनते हैं और यह कोड लिखता है; प्रभाव नीचे, पक्ष, ऊपर और नीचे, नीचे बाएँ, नीचे दाएँ, ऊपर दाएँ और नीचे बाएँ या तिरछे कोनों में जोड़े जा सकते हैं।

शुरू करने से पहले; अपनी छवि के आयाम की जांच करें (जिसे आप प्रभाव जोड़ना चाहते हैं)। कोड जनरेटर में छवि की चौड़ाई और ऊंचाई के लिए 130 - 347px की ऊपरी और निचली सीमा होती है। यदि आपकी छवि का आयाम इससे अधिक है तो आप हमेशा बाद में चौड़ाई और ऊंचाई को संपादित कर सकते हैं। कोड आपको छाया की अस्पष्टता और धुंधलाता भी निर्धारित करने देता है। आप अपनी छवि कोड जनरेटर में अपलोड नहीं कर सकते हैं, एक डिफ़ॉल्ट छवि का उपयोग किया जाएगा ताकि आप प्रभाव का पूर्वावलोकन कर सकें।

ड्रॉप डाउन मेनू से, चुनें कि आपको कौन सा छाया प्रभाव पसंद है, हर बार जब आप चयनकर्ताओं में से किसी को बदलते हैं तो एक नया कोड उत्पन्न होता है इसलिए सुनिश्चित करें कि आप बहुत नवीनतम का उपयोग करते हैं। एक बार जब आप अपनी पसंद का प्रभाव उठा लेते हैं, तो क्षैतिज स्क्रॉलिंग बार का उपयोग करके अपनी छवि के लिए चौड़ाई और ऊँचाई सेट करें। जब आप बटन को थोडा कम करना चाहते हैं तो दाएं और बाएं तीर कुंजियों का उपयोग करें। धुंधला और अस्पष्टता सेट करें और कोड उत्पन्न हो जाएगा। इन मापदंडों में से किसी एक को बढ़ाने या घटाने से एक नया कोड तैयार होगा।

सब कुछ सेट हो जाने के बाद, CSS कोड को CSS फ़ाइल में कॉपी करें और इसे आपके लिए वेबपेज (या थीम) में नाम दें। आपके वेबपेज में जाने वाला HTML कोड भी जेनरेट होता है (यह आपके द्वारा चुने गए प्रत्येक प्रभाव के लिए अद्वितीय है) ड्रॉप डाउन मेनू से), इसे कॉपी करें और छवि कोड रखें (img src = "") जहां यह कहता है menu आपका कोड यहाँ'।

इस कोड जनरेटर की सबसे अच्छी बात यह है कि यह काम करता है और यह मुफ़्त है। इसमें छवियों के लिए आयाम की कमी है, लेकिन उन्हें कोड से संपादित किया जा सकता है। यदि आप एक पारदर्शी छवि (जैसे ऊपर वाला) का उपयोग करते हैं, तो यह सुस्त ग्रे पृष्ठभूमि देगा। आप बाद में कोड से पृष्ठभूमि का रंग संपादित कर सकते हैं। (कोड लाइन पृष्ठभूमि संपादित करें: #ccc)। कोड सभी छवियों को एक 5px फ्रेम भी देता है, आप फ्रेम को भी संपादित कर सकते हैं, लेकिन चौड़ाई बढ़ाने और घटने से छाया छिप जाएगी या आवश्यकता से अधिक प्रकट हो जाएगी, इसलिए यह अकेले छोड़ दिया गया है।

थीमशॉक सीएसएस ड्रॉप शैडो जनरेटर पर जाएं