સુંદર CSS બોક્સ શેડોઝ સરળતાથી બનાવો
Generate stunning box shadows with our intuitive interface. Copy the CSS code and use it in your projects instantly.
Preview
Box Shadow
Customize me
CSS Output
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
Shadow Controls
Position
0px
4px
Size
6px
-1px
Color
10%
Options
Presets
Soft Shadow
Medium Shadow
Heavy Shadow
Inner Shadow
Sharp Diagonal
Outline Glow
Double Shadow
Lifted Effect
How to Use
Basic Controls
- Adjust theHorizontal Offsetto move the shadow left or right
- Adjust theVertical Offsetto move the shadow up or down
- Increase theBlur Radiusto make the shadow softer
- Use Spread Radiusto increase or decrease the overall size of the shadow
- Change theColor and Opacityto customize the shadow appearance
Advanced Features
- Enable Inset Shadowto create an inner shadow effect
- Use Multiple Shadowsfor more complex effects
- Save and loadPresetsfor quick access to your favorite shadows
- Click Random Shadowfor inspiration
- Copy the generated CSS code and paste it into your project
Related Tools
પરફેક્ટ ફ્લેક્સબોક્સ લેઆઉટ બનાવો
Visualize, customize, and generate CSS flexbox code with our intuitive drag-and-drop interface.
સ્ટાઇલસથી CSS કન્વર્ટર
તમારા SCSS કોડને CSS માં રૂપાંતરિત કરો. ઝડપી, સરળ અને સુરક્ષિત.
SCSS થી CSS કન્વર્ટર
તમારા SCSS કોડને CSS માં રૂપાંતરિત કરો. ઝડપી, સરળ અને સુરક્ષિત.
SHA-224 હેશ કેલ્ક્યુલેટર
ઝડપથી અને સરળતાથી SHA-224 હેશ પેદા કરો
દશાંશથી ઓક્ટલ
Convert decimal numbers to octal effortlessly
પેન્ટોન થી HSV
ચોક્કસ રંગ નિયંત્રણ માટે પેન્ટોન રંગોને HSV કિંમતોમાં રૂપાંતરિત કરો