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