Box Shadow Generator
Generate CSS box shadows
Configuración
Vista Previa
Elemento con sombra
💡Casos de uso
- ✓ Crear efectos de profundidad
- ✓ Diseñar botones con elevación
- ✓ Generar sombras para tarjetas
- ✓ Crear efectos 3D con CSS
ਸਾਡੇ ਬਾਕਸ ਸ਼ੈਡੋ ਜੇਨਰੇਟਰ ਨਾਲ ਸੁੰਦਰ ਸ਼ੈਡੋ ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰੋ. ਵਿਜ਼ੂਅਲ ਪੂਰਵਦਰਸ਼ਨ ਅਤੇ ਤਤਕਾਲ ਕੋਡ ਜਨਰੇਸ਼ਨ ਦੇ ਨਾਲ ਬਟਨਾਂ, ਕਾਰਡਾਂ ਅਤੇ UI ਤੱਤਾਂ ਲਈ ਕਸਟਮ CSS ਸ਼ੈਡੋ ਬਣਾਓ।
Key Features
ਅਡਜੱਸਟੇਬਲ ਸ਼ੈਡੋ ਆਫਸੈੱਟ (ਲੇਟਵੀਂ ਅਤੇ ਲੰਬਕਾਰੀ)
ਧੁੰਦਲਾ ਅਤੇ ਫੈਲਾਓ ਰੇਡੀਅਸ ਨਿਯੰਤਰਣ
ਧੁੰਦਲਾਪਨ ਵਿਵਸਥਾ ਦੇ ਨਾਲ ਕਸਟਮ ਸ਼ੈਡੋ ਰੰਗ
ਗੁੰਝਲਦਾਰ ਪ੍ਰਭਾਵਾਂ ਲਈ ਮਲਟੀਪਲ ਸ਼ੈਡੋ ਸਮਰਥਨ
ਰੀਅਲ-ਟਾਈਮ ਵਿਜ਼ੂਅਲ ਪੂਰਵਦਰਸ਼ਨ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ CSS ਕੋਡ ਕਾਪੀ ਕਰੋ
ਬਾਕਸ ਸ਼ੈਡੋ ਜੇਨਰੇਟਰ
ਔਫਸੈੱਟ ਐਡਜਸਟ ਕਰੋ
ਹਰੀਜੱਟਲ ਅਤੇ ਵਰਟੀਕਲ ਸ਼ੈਡੋ ਆਫਸੈੱਟ ਨੂੰ ਪਿਕਸਲ ਵਿੱਚ ਸੈੱਟ ਕਰਨ ਲਈ ਸਲਾਈਡਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ
ਬਲਰ ਅਤੇ ਫੈਲਾਓ ਸੈੱਟ ਕਰੋ
ਬਲਰ ਰੇਡੀਅਸ (ਨਰਮਤਾ) ਅਤੇ ਫੈਲਾਅ ਰੇਡੀਅਸ (ਆਕਾਰ ਵਿਸਤਾਰ) ਨੂੰ ਕੌਂਫਿਗਰ ਕਰੋ
ਰੰਗ ਚੁਣੋ
ਪਰਛਾਵੇਂ ਦਾ ਰੰਗ ਚੁਣੋ ਅਤੇ ਲੋੜੀਂਦੇ ਪ੍ਰਭਾਵ ਲਈ ਧੁੰਦਲਾਪਨ ਵਿਵਸਥਿਤ ਕਰੋ
ਪੂਰਵਦਰਸ਼ਨ ਪ੍ਰਭਾਵ
ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਪੂਰਵਦਰਸ਼ਨ ਤੱਤ 'ਤੇ ਸ਼ੈਡੋ ਪ੍ਰਭਾਵ ਵੇਖੋ
ਕਾਪੀ ਕਰੋ ਅਤੇ ਵਰਤੋ
ਆਪਣੀ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ CSS ਬਾਕਸ-ਸ਼ੈਡੋ ਕੋਡ ਨੂੰ ਜੋੜਨ ਲਈ ਕਾਪੀ 'ਤੇ ਕਲਿੱਕ ਕਰੋ
Use Cases
ਬਟਨਾਂ 'ਤੇ ਡੂੰਘਾਈ ਅਤੇ ਉਚਾਈ ਦੇ ਪ੍ਰਭਾਵ ਬਣਾਉਣਾ
ਸੂਖਮ ਸ਼ੈਡੋ ਦੇ ਨਾਲ ਕਾਰਡ ਦੇ ਭਾਗਾਂ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰਨਾ
ਗਤੀਸ਼ੀਲ ਸ਼ੈਡੋਜ਼ ਨਾਲ ਹੋਵਰ ਪ੍ਰਭਾਵਾਂ ਨੂੰ ਜੋੜਨਾ
ਸ਼ੈਡੋ ਲੜੀ ਦੇ ਨਾਲ ਲੇਅਰਡ UI ਡਿਜ਼ਾਈਨ ਬਣਾਉਣਾ
Frequently Asked Questions
ਬਾਕਸ-ਸ਼ੈਡੋ ਕਿਸ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ?
ਡੂੰਘਾਈ ਅਤੇ ਵਿਜ਼ੂਅਲ ਦਿਲਚਸਪੀ ਲਈ ਬਾਕਸ-ਸ਼ੈਡੋ HTML ਤੱਤਾਂ ਦੇ ਆਲੇ ਦੁਆਲੇ ਸ਼ੈਡੋ ਪ੍ਰਭਾਵ ਬਣਾਉਂਦਾ ਹੈ
ਕੀ ਮੈਂ ਕਈ ਸ਼ੈਡੋ ਬਣਾ ਸਕਦਾ ਹਾਂ?
ਹਾਂ, ਟੂਲ ਗੁੰਝਲਦਾਰ ਪ੍ਰਭਾਵਾਂ ਲਈ ਮਲਟੀਪਲ ਬਾਕਸ-ਸ਼ੈਡੋ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ
ਧੁੰਦਲਾਪਨ ਸ਼ੈਡੋ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ?
ਧੁੰਦਲਾਪਨ (ਅਲਫ਼ਾ) ਸ਼ੈਡੋ ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ 0 (ਪਾਰਦਰਸ਼ੀ) ਤੋਂ 1 (ਅਪਾਰਦਰਸ਼ੀ) ਤੱਕ ਕੰਟਰੋਲ ਕਰਦਾ ਹੈ
ਕੀ ਸ਼ੈਡੋ CSS ਅਨੁਕੂਲ ਹਨ?
ਹਾਂ, ਸਾਰੇ ਤਿਆਰ ਕੀਤੇ ਬਾਕਸ-ਸ਼ੈਡੋ ਮੁੱਲ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੇ ਅਨੁਕੂਲ ਹਨ
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
CSS Gradient Generator
Create custom CSS gradients with preview
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Text Shadow Generator
Generate CSS text shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.