CSS والتصميم

لوحة زجاج CSS

ارسم لوحة صقيع وانسخ CSS.

في المتصفح

تُرسم اللوحة في هذا التبويب. انسخ CSS إلى ملفك.

معاينة زجاجية

عن هذه الأداة

ارسم لوحة زجاجية وانسخ CSS.

حرّك الضبابية وشفافية الأبيض. تجلس اللوحة على شريط ملوّن لترى الصقيع. يستخدم التصريح backdrop-filter وخلفية شفافة. الصقه على عنصر خلفه شيء ظاهر.

قد تتجاهل المتصفحات الأقدم backdrop-filter وتظهر التعبئة الشفافة فقط. الأثر رسم وليس مرشح صورة ولا يضبّب ملفًا ترفعه. أبقِ تباين النص كافيًا للقراءة.

اقرأ سطر الخصوصية في هذه الصفحة قبل استخدام الناتج علنًا.

خطوات سريعة

  1. ارسم لوحة زجاجية وانسخ CSS.
  2. حرّك الضبابية وشفافية الأبيض. تجلس اللوحة على شريط ملوّن لترى الصقيع. يستخدم التصريح backdrop-filter وخلفية شفافة. الصقه على عنصر خلفه شيء ظاهر.
  3. قد تتجاهل المتصفحات الأقدم backdrop-filter وتظهر التعبئة الشفافة فقط. الأثر رسم وليس مرشح صورة ولا يضبّب ملفًا ترفعه. أبقِ تباين النص كافيًا للقراءة.

اقرأ سطر الخصوصية في هذه الصفحة قبل استخدام الناتج علنًا.

أسئلة شائعة

ارسم لوحة زجاجية وانسخ CSS.

حرّك الضبابية وشفافية الأبيض. تجلس اللوحة على شريط ملوّن لترى الصقيع. يستخدم التصريح backdrop-filter وخلفية شفافة. الصقه على عنصر خلفه شيء ظاهر.

قد تتجاهل المتصفحات الأقدم backdrop-filter وتظهر التعبئة الشفافة فقط. الأثر رسم وليس مرشح صورة ولا يضبّب ملفًا ترفعه. أبقِ تباين النص كافيًا للقراءة.

اقرأ سطر الخصوصية في هذه الصفحة قبل استخدام الناتج علنًا.

الخطوة التالية

سياسات الموقع: الخصوصية · الشروط