सर्वोत्तम मोफत CSS चौकट छाया निर्माता
CSS box-shadow live preview, inset आणि दुसरे layer - कोडची प्रत सोबत दृश्यमान बनवते.
१००% मोफत
नोंदणी नाही
वॉटरमार्क नाही
✨
सर्वात चांगल्या AI मॉडेलसाठी Go Pro - प्रतिमा, व्हिडिओ आणि चॅट - शिवाय मोठे अपलोड, कतारमध्ये प्राधान्य आणि प्रतीक्षा नाही.
प्रो करीता अद्ययावत करा
प्रेम Best.Free? ते शेअर करा
कसे काम करते
- स्लाइडर हलवा. ऑफसेट, ब्लर, स्प्रेड, रंग व अपारदर्शकता निश्चित करा; अंतर्गत छाया हवी असल्यास इनसेट टॅग करा.
- पूर्वदृश्य पहा. ओढण्याकरीता लाइव पेटी अद्ययावत करा; खोली करीता उन्नत पर्याय अंतर्गत दुसरे स्तर जोडा.
- CSS प्रतिकृत करा. CSS प्रत बनवा आणि बॉक्स-छाया नियम आपल्या स्टाइलशीटमध्ये चिकटवा.
या साधनविषयी
पिक्सेल मूल्यांची अंदाजे न करता चौकट छाया तयार करा. ऑफसेट- X, ऑफसेट- Y, धुसर व पसरलेले स्लाइडर ओढून घ्या, छाया रंग निवडा व अपारदर्शकता निवडा, आणि प्रत्यक्ष वेळी प्रत्यक्ष पूर्वदृश्य चौकट अद्ययावत पहा - त्यानंतर अचूक चौकट छाया CSS प्रतिकृत करा. अंतर्गत छाया करीता अंतर्भूत टॉगल बदलवा. प्रगत पर्याय दुसरे छाया पातळ स्टॅक करते, जेणेकरून तुम्ही आधुनिक कार्ड व बटणांवर वापरले जाणारे मऊ, बहुस्तरीय छाया निर्माण करू शकता. सर्व काही तुमच्या ब्राऊजरमध्ये चालते.
लोक ते कशासाठी वापरतात
- कार्ड व मॉडल करीता सॉफ्टड्रॉप छाया जोडा
- इनपुट व वेल्स करीता अंतर्गत (इनसेट) छाया बनवा
- वास्तविक, विखुरलेले छाया करीता दोन स्तर स्टेक करा
- डिझाईन मोकअपशी जुळवणी करीता ऑफसेट व ब्लर सुसंगत करा
वारंवार विचारले जाणारे प्रश्न
ऑफसेट-X/Y छाया आडवी व उभी हलवते, धुसरपणाने किनारा मऊ होतो, आणि धुसरपणा लागू करण्यापूर्वी संपूर्ण छाया वाढते किंवा कमी होते. लाइव्ह पूर्वदृश्य प्रत्येक बदल त्वरित दर्शविते.
इनसेट घटकाच्या आत छाया रेखाटतो, त्यापुढे नसून, दाबून- टाकलेले दिसते - इनपुट व टॉगल करीता उपयोगी पडते. बदलविण्याकरीता इनसेट टॉगल फ्लिप करा.
रंग निवडा, नंतर अपारदर्शकता स्लाइडरचा वापर करा; साधन rgba () मूल्य आऊटपुट करते जेणेकरून छाया नैसर्गिकरित्या मिसळते.
होय. दुसरे छाया पातळी कार्यान्वीत करण्याकरीता स्वतःचे ऑफसेट, ब्लर, रंग व अंतर्भूतीत सह विस्तृत पर्याय उघडा.
नाही. जनरेटर संपूर्णपणे तुमच्या ब्राऊजर अंतर्गत चालविले जाते; स्लाइडर फक्त CSS स्ट्रिंग स्थानिकरित्या मोजतो.
शिवाय, त्याचे वजन, आकार, आकारमान, वजन वगैरे काहीही नसते, म्हणजेच त्याचे वजन एक किलो आहे.
होय. ते तुमच्या ब्राउझरमध्ये चालते, म्हणून CSS Box Shadow Generator फोन आणि टॅबलेट तसेच डेस्कटॉपवर काम करते - स्थापित करण्यासाठी कोणताही अनुप्रयोग नाही.
साधारणपणे काही सेकंदांसाठी एक सामान्य फाइल - CSS बॉक्स छाया जनरेटर काम सुरू होते जेव्हा आपण त्याला आपल्या इनपुट देतो.
याचा उपयोग सर्व प्रकारच्या खाद्यपदार्थात होतो, तसेच त्याचे सेवन सर्व प्रकारच्या आजारांवरही उपयुक्त आहे.
सर्व आधुनिक ब्राउझर्स - क्रोम, सफरचंद, फायरफॉक्स आणि एज. CSS बॉक्स छाया जनरेटर तुम्ही आधीपासून वापरत असलेल्या ब्राउझरशिवाय स्थापित करण्याची गरज नाही.