مولد ظلال CSS وتأثيرات Neumorphism
تصميم ظلال العناصر وتأثيرات التصميم الحديثة بلغة CSS وتوليد الأكواد بشكل فوري.
خصائص الظل
الإزاحة الأفقية (X)0px
الإزاحة العمودية (Y)15px
نصف قطر التمويه (Blur)30px
نصف قطر الانتشار (Spread)-5px
شفافية الظل0.15
معاينة الصندوق
كود CSS الناتج
box-shadow: 10px 15px 30px -5px rgba(0, 0, 0, 0.15);
تم نسخ كود CSS إلى الحافظة!
أدوات مجانية ذات صلة
مولد تدرج CSS
مولد تدرج CSS المرئي من WebABC. أنشئ تدرجات ألوان (Gradient) مبهرة لموقعك بسهولة مع إمكانية نسخ الكود مباشرة لتعزيز جاذبية التصميم وتجربة المستخدم العصرية.
مولد تأثير الزجاج (Glassmorphism)
مولد تأثير الزجاج (Glassmorphism) الاحترافي. أنشئ أكواد CSS حديثة وجذابة لواجهة المستخدم الخاصة بك مع التحكم الكامل في درجة الضبابية، الشفافية، والألوان.
فاحص تباين الألوان وإمكانية الوصول (WCAG)
اختبار نسبة التباين بين لون النص والخلفية للتأكد من سهولة القراءة وتوافق معايير إمكانية الوصول.
هل تحتاج إلى أدوات أكثر تقدمًا؟
تواصل معنا للحصول على أدوات تحسين محركات البحث المخصصة والحلول التحليلية المتقدمة المصممة خصيصًا لاحتياجات عملك.
استشارة مجانية ←