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