रंग
Box Shadow
CSS box-shadow को विज़ुअली डिज़ाइन करें।
बारे में
स्लाइडर खींचकर box-shadow डिज़ाइन करें। लाइव प्रीव्यू + कॉपी करने लायक CSS कोड।
कैसे इस्तेमाल करें
- x, y, ब्लर और स्प्रेड स्लाइडर खींचें।
- शैडो का रंग चुनें और अंदर चाहिए तो inset ऑन करें।
- CSS कॉपी करने के लिए नीचे दिए कोड पर क्लिक करें।
उदाहरण
- किसी कार्ड के लिए एक सॉफ्ट ड्रॉप शैडो डिज़ाइन करें।
- नियोब्रूटलिस्ट बटन के लिए 4px ऑफसेट वाली हार्ड शैडो बनाएं।
- दबे हुए एहसास के लिए एक inset शैडो जोड़ें।
सामान्य सवाल
स्प्रेड क्या होता है?
शैडो एलिमेंट के किनारे से कितनी बढ़ती या सिकुड़ती है। नेगेटिव वैल्यू इसे अंदर की तरफ खींचती हैं।
ब्लर और स्प्रेड में क्या फर्क है?
ब्लर किनारे को नरम करता है। स्प्रेड ब्लर लगने से पहले साइज़ बदलता है।