منشئ Glassmorphism CSS
أنشئ تأثيرات واجهة زجاجية متجمدة مع ضوابط التمويه والشفافية وbackdrop-filter
حول منشئ Glassmorphism CSS
أنشئ تأثيرات واجهة زجاجية متجمدة مع ضوابط التمويه والشفافية وbackdrop-filter — أنشئ CSS جاهز للإنتاج في المتصفح.
كيفية استخدام منشئ Glassmorphism CSS
- 1اضبط مقدار التمويه للتحكم في درجة تجمد التأثير الزجاجي.
- 2عيّن الشفافية وشفافية الحدود للطبقة الزجاجية.
- 3اختر لون خلفية واضبط التشبع للون الزجاج.
- 4اعرض التأثير على بطاقة نموذجية بخلفية ملونة خلفها.
- 5انسخ مخرجات CSS وطبقها على عناصرك.
نصائح
- Glassmorphism يعمل بشكل أفضل مع خلفية ملونة أو صورة خلف العنصر الزجاجي.
- اجعل التمويه بين 10-20 بكسل للمظهر المتجمد الكلاسيكي — التمويه الكثير يفقد التأثير الزجاجي.
- اختبر على Safari — backdrop-filter يتطلب بادئة -webkit- لدعم كامل عبر المتصفحات.
المجاني مقابل المدفوع
مجاني: الضوابط الأساسية. Starter+: ميزات مميزة.
أدوات ذات صلة
فريق OneKitToolsتم التحديث 2.21.4