0

सीएसएस बॉक्स छाया जनरेटर

सीएसएस बॉक्स-शैडो कोड को दृश्य रूप से बनाएं: ऑफसेट, ब्लर, स्प्रेड, अपारदर्शिता के साथ रंग, इनसेट मोड और लाइव पूर्वावलोकन के साथ चार परतों तक के लिए स्लाइडर।

0px
4px
12px
0px
0.25
प्रसंस्करण... 0%

नतीजा

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

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

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

इस साइट पर हर टूल की तरह, जनरेटर मुफ़्त है और पूरी तरह से आपके ब्राउज़र में चलता है: कोई अपलोड नहीं, कोई खाता नहीं, और पेज लोड होने के बाद यह ऑफ़लाइन काम करता रहता है।