All Tools / डेवलपर टूल / CSS Box Shadow Generator — मुफ़्त Visual Editor
पूर्वावलोकन
सेटिंग्स
X Offset 5px
Y Offset 5px
Blur 15px
Spread 0px
रंग
Opacity 20%
Inset
Layers
CSS Code

CSS Box Shadow Generator

यह tool क्या करता है

X/Y offset, blur, spread, color और opacity sliders से adjust करें और shadow live update होता देखें। Inset toggle करके outer और inner shadow के बीच switch करें। Depth effects के लिए multiple shadow layers जोड़ें। Preset apply करके जल्दी शुरू करें। CSS code एक click में copy करें।

उपयोग कैसे करें

  1. Preset चुनें या default से शुरू करें।
  2. Offset, blur, spread और opacity के sliders adjust करें।
  3. Shadow color बदलने के लिए color swatch click करें।
  4. Inner shadow के लिए Inset toggle करें। Depth के लिए + Layer जोड़ें उपयोग करें।
  5. Generated CSS copy करने के लिए कॉपी करें click करें।