CSS Glassmorphism Generator

وخلق النظارات المزروعة تبدو مرئية - غير واضحة، والشفافية، والتشبع، والحدود والظل، ثم نسخ برمجيات المصدر المكلّف بالإنتاج.

How to use Glassmorphism Generator

1. اختر خلفية ضوئية أو مظلمة، ثم حدد مبالغ التشويش والملاءة.
2. اختر لون مليئ و عدل عدمه حتى تظهر الخلفية.
3. تُمْكِنْ نَعْمَة الحدودِ، شعاعِ الزاويةِ والظلّ الإختياريِ حتى البطاقةِ تَبْدو صحيحةَ.
4. انقر جهاز الأمن المقطعي لنسخ المجموعة الكاملة، بما في ذلك الارتطام المفاجئ.

ما هذا؟?

FAQ

لماذا يبدو تأثيري الزجاجي مثل لون مسطح؟?

المُرشّح الخلفيّ فقط يُمزّقُ المحتوىَ يَجْلسُ وراء العنصرِ. إذا لم يكن هناك شيء ملوّن أو مشغول خلف بطاقتك، فإن الضباب ليس لديه شيء للعمل معه. ضعي البطاقة الزجاجية على صورة أو خريجة قوية لرؤية التأثير.

هل أحتاج لخط تصفية الويبكيت؟?

نعم، لسافاري. ويب كيت، لا سيما على نظام iOS، لا تزال تحتاج إلى مصفوفة الـ -Webkit-backdrop-filter. ويشمل هذا المولد تلقائيا إلى جانب الممتلكات العادية.

هَلْ يُدعمُ مُقَوَّلَة على نطاق واسع؟?

وهي تعمل في جميع النسخ الحالية من الكروم، وإدج، وفايرفوكس، وسفاري. بالنسبة للمصفوفين القدامى جداً، يُظهر العنصر ببساطة خلفيته شبه الشفافة بدون الضباب، الذي يتدهور بشكل معقول.

Related tools

• Border Radius Generator
• CSS Gradient Generator
• Box Shadow Generator
• Color Palette Generator