الأدوات · CSS · مولّد تأثير الزجاج المصنفر
مولّد تأثير الزجاج المصنفر
أنشئ بطاقة زجاجية مصنفرة بتمويه خلفية وشفافية وحدّ ناعم، وانسخ كود CSS.
تعمل الأداة بالكامل داخل متصفحك. لا يُرفع أي ملف.
ملفك جاهز.
جرّب ملفًا آخر، أو أعد المحاولة.
كيف تعمل
اضبط التمويه ولون الصبغة وعتامة الخلفية والتشبّع.
اضبط عتامة الحدّ ونصف قطر الزوايا بدقة لإضافة عمق.
انسخ كود CSS النهائي، بما في ذلك خاصية backdrop-filter.
أسئلة شائعة
يعتمد التأثير على خاصية backdrop-filter، وهي غير مدعومة في بعض المتصفحات القديمة. حيث تكون غير مدعومة، تعرض المعاينة الصبغة دون تمويه، لكن كود CSS المنسوخ لا يتأثر ويبقى صحيحًا.
كلاهما. تُمَوِّه خاصية backdrop-filter كل ما يقع خلف العنصر: صورة أو تدرّج أو لون آخر.
كود CSS الناتج يتضمّن بادئة -webkit-backdrop-filter إلى جانب الخاصية القياسية.
لا. كل شيء يعمل داخل متصفحك.
التعليقات