निःशुल्क CSS बॉक्स शैडो जेनरेटर

हां. आप पंजीकरण या लॉगिन के बिना CSS बॉक्स शैडो को ऑनलाइन बना सकते हैं, पूर्वावलोकन कर सकते हैं, कॉपी कर सकते हैं और डाउनलोड कर सकते हैं।

हां. संपादक चार अल्पविराम से अलग की गई छाया परतों का समर्थन करता है। पहली सूचीबद्ध परत को शीर्ष पर चित्रित किया गया है, ताकि परत क्रम ओवरलैपिंग किनारों को बदल सके।

प्रत्येक परत एक्स ऑफसेट, वाई ऑफसेट, ब्लर, स्प्रेड, रंग, अस्पष्टता और एक वैकल्पिक इनसेट कीवर्ड का उपयोग करती है। कॉपी किया गया क्रम इनसेट, एक्स, वाई, धुंधला, फैलाना, फिर रंग है।

धुंधला किनारा नरम कर देता है और नकारात्मक नहीं हो सकता। स्प्रेड धुंधला होने से पहले छाया के आकार को फैलाता या सिकुड़ता है, इसलिए यह सकारात्मक या नकारात्मक हो सकता है।

इनसेट उस परत को तत्व सीमा के बाहर की बजाय अंदर खींचता है। प्रत्येक परत की अपनी इनसेट सेटिंग होती है, इसलिए आंतरिक और बाहरी छायाओं को जोड़ा जा सकता है।

CSS पहली छाया को बाद की छायाओं के ऊपर अल्पविराम से अलग की गई सूची में चित्रित करता है। किसी संपर्क, रूपरेखा या हाइलाइट परत को इच्छित क्रम में रखने के लिए चाल नियंत्रणों का उपयोग करें।

छाया तत्व की सीमा त्रिज्या का अनुसरण करती है। आपके द्वारा अपेक्षित आकार की जांच करने के लिए पूर्वावलोकन त्रिज्या का उपयोग करें, फिर वास्तविक घटक में घोषणा का परीक्षण करें।

ओवरफ़्लो क्लिपिंग, एक तंग कंटेनर, या स्टैकिंग संदर्भ वाला एक अभिभावक छाया का हिस्सा छिपा सकता है। बॉक्स-शैडो भी लेआउट स्थान आरक्षित नहीं करता है, इसलिए आवश्यकता पड़ने पर तत्व के चारों ओर जगह छोड़ दें।

यह फ़ोकस शैली का हिस्सा हो सकता है, लेकिन उत्पन्न छाया यह साबित नहीं करती है कि प्रत्येक फ़ोकस स्थिति दृश्यमान या पहुंच योग्य है। कंट्रास्ट, मोटाई, गैर-रंग संकेत और संदर्भ में अंतिम घटक की जाँच करें।

संपादक के लिए किसी बाहरी सेवा का उपयोग नहीं किया जाता है। सेटिंग्स वर्तमान ब्राउज़र टैब में रहती हैं और पृष्ठ पुनः लोड होने पर रीसेट हो जाती हैं; उपकरण मौजूदा बॉक्स-शैडो स्ट्रिंग को आयात या पार्स नहीं करता है।