مولد مرشح CSS الخلفية
أنشئ مرشح CSS الخلفية مع معاينة مباشرة.
تعالج هذه الأداة جميع البيانات محليًا على جهازك.
الإدخال
الإخراج
كود CSS
55 حروف
ملف القراءة
وصف الأداة
Backdrop CSS Filter Generator هي أداة بصرية لإنشاء تأثيرات backdrop-filter في CSS مع معاينة فورية. تتيح لك هذه الأداة تجربة خصائص الفلاتر المختلفة بما في ذلك blur، brightness، contrast، grayscale، hue rotation، inversion، opacity، saturation، وتأثيرات sepia. يقدم المُولِّد واجهة بديهية تحتوي على أشرطة تمرير ومدخلات رقمية لكل خاصية فِلتر، مما يتيح تحكمًا دقيقًا في تأثيرات الفلتر الخلفي. يمكنك رؤية التغييرات تُطبق فورًا على عنصر معاينة يُغطى على صورة خلفية، مما يسهل تصور كيف ستظهر الفلاتر في تصاميمك الفعلية.
الميزات
- معاينة بصرية في الوقت الحقيقي: شاهد تأثيرات الفلتر تُطبق فورًا على عنصر خلفية فوق صورة نموذجية
- ضوابط فلاتر شاملة: ضبط blur، brightness، contrast، grayscale، hue-rotate، invert، opacity، saturate، وsepia
- طريقتا إدخال مزدوجتين: استخدم كلًا من أشرطة التمرير والمدخلات الرقمية للتحكم الدقيق بالقيم
معلومات الأداة
تم الإنشاء
آخر تحديث
الوسوم
cssbackdrop-filtergeneratorglassmorphismfrosted glassblurtransparencybackground
أدوات مشابهة
إنشاء استعلامات وسائط CSS استجابية لنقاط الانقطاع، أحجام الشاشات، الاتجاهات، وميزات الأجهزة.
صِف عنصر واجهة المستخدم بالكلمات وقم بتوليد كود CSS مطابق.
صمم وحمّل تسميات بطاقات أسعار قابلة للطباعة لمنتجات البيع بالتجزئة وأرفف المتاجر والمبيعات ومبيعات المرائب. اختر أسلوباً وحدد السعر والعملة والسعر الأصلي الاختياري للخصومات ولون التمييز، ثم صدّر البطاقة كصورة PNG أو JPEG.
مشاركة
تضمين
قم بتضمين هذه الأداة في أي مكان مجاناً. هل تحتاج إلى مساعدة؟ اطلع على دليلنا.
383 حروف
إخلاء المسؤولية
الأدوات المتوفرة على هذا الموقع مصممة لمساعدة المستخدمين في حل مختلف المشكلات. بينما نسعى لضمان دقة الأدوات وفعاليتها، لا نضمن أو نضمن أن ناتج أي أداة سيكون دقيقًا بنسبة 100٪ أو خالٍ من الأخطاء. النتائج التي تولدها هذه الأدوات تُقدم كما هي ويجب استخدامها بحذر. نوصي المستخدمين بالتحقق من أي معلومات أو نتائج مهمة باستخدام مصادر إضافية أو استشارة مهنية، حيث لا يمكننا تحمل المسؤولية عن أي عواقب تنشأ عن استخدام هذه الأدوات. باستخدامك لهذا الموقع، فإنك توافق على تحمل جميع المخاطر المرتبطة بدقة واستخدام النتائج المقدمة.
