CSS Shadow Generator
إنشاء ظلال CSS احترافية بسهولة ومعاينة مباشرة
#000000
المعاينة
Th.Tech
CSS Code
box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.25);
ما هو CSS Shadow Generator؟
أداة CSS Shadow Generator تساعدك على إنشاء خاصية
box-shadow بصرياً دون الحاجة إلى كتابة القيم يدوياً.
يمكنك التحكم في اتجاه الظل، درجة التمويه، الانتشار والشفافية
ومعاينة النتيجة مباشرة.
خصائص الظل
- X Offset: تحديد الإزاحة الأفقية.
- Y Offset: تحديد الإزاحة الرأسية.
- Blur: تحديد درجة نعومة الظل.
- Spread: تحديد انتشار الظل.
- Opacity: التحكم في شفافية الظل.
- Inset: تحويل الظل إلى ظل داخلي.
مثال
box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .25);