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
سایڈست شیڈو آفسیٹ (افقی اور عمودی)
دھندلا اور پھیلاؤ رداس کنٹرولز
دھندلاپن ایڈجسٹمنٹ کے ساتھ اپنی مرضی کے سائے کا رنگ
پیچیدہ اثرات کے لیے ایک سے زیادہ شیڈو سپورٹ
ریئل ٹائم بصری پیش نظارہ
ایک کلک کے ساتھ سی ایس ایس کوڈ کاپی کریں
باکس شیڈو جنریٹر
آفسیٹ کو ایڈجسٹ کریں
افقی اور عمودی شیڈو آف سیٹ کو پکسلز میں سیٹ کرنے کے لیے سلائیڈرز کا استعمال کریں
بلر اور اسپریڈ سیٹ کریں۔
بلر رداس (نرم پن) اور پھیلاؤ رداس (سائز کی توسیع) کو ترتیب دیں
رنگ منتخب کریں
سائے کا رنگ منتخب کریں اور مطلوبہ اثر کے لیے دھندلاپن کو ایڈجسٹ کریں۔
پیش نظارہ اثر
ریئل ٹائم میں پیش نظارہ عنصر پر شیڈو اثر دیکھیں
کاپی اور استعمال کریں۔
سی ایس ایس باکس شیڈو کوڈ کو اپنی اسٹائل شیٹ میں شامل کرنے کے لیے کاپی پر کلک کریں
Use Cases
بٹنوں پر گہرائی اور بلندی کے اثرات پیدا کرنا
ٹھیک ٹھیک سائے کے ساتھ کارڈ کے اجزاء کو ڈیزائن کرنا
متحرک سائے کے ساتھ ہوور اثرات شامل کرنا
شیڈو درجہ بندی کے ساتھ پرتوں والے UI ڈیزائن بنانا
Frequently Asked Questions
باکس شیڈو کس لیے استعمال ہوتا ہے؟
Box-shadow گہرائی اور بصری دلچسپی کے لیے HTML عناصر کے ارد گرد شیڈو اثرات پیدا کرتا ہے
کیا میں ایک سے زیادہ سائے بنا سکتا ہوں؟
ہاں، یہ ٹول پیچیدہ اثرات کے لیے متعدد باکس شیڈو کو سپورٹ کرتا ہے۔
دھندلاپن سائے کو کیسے متاثر کرتا ہے؟
دھندلاپن (الفا) سائے کی شفافیت کو 0 (شفاف) سے 1 (مبہم) تک کنٹرول کرتا ہے
کیا شیڈو سی ایس ایس مطابقت پذیر ہیں؟
جی ہاں، تمام تیار کردہ باکس شیڈو اقدار جدید براؤزرز کے ساتھ مطابقت رکھتی ہیں
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.