HeronTool
العربية▾
تسجيل الدخول
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
الرئيسية › أدوات التطوير ›

Create beautiful glassmorphism CSS styles with customizable blur, opacity, and colors.

dev

طريقة الاستخدام

  1. Set your desired background color
  2. Adjust blur and opacity
  3. Copy the generated CSS

حالات الاستخدام

Create beautiful glassmorphism CSS styles with customizable blur, opacity, and colors

لا يتم رفع أي شيء — كل المعالجة محليًا في متصفحك.

تعليق / إبلاغ / ملاحظاتي

سجّل الدخول أولاً — تسجيل الدخول

سجّل الدخول أولاً — تسجيل الدخول

سجّل الدخول أولاً — تسجيل الدخول

أدوات ذات صلة
تنسيق JSON نظّم أو صغّر أو تحقق من JSON وحدد الأخطاء. تنسيق اختبار Regex اختبر التعبيرات النمطية مباشرةً مع تمييز المطابقات. تعبير نمطي تلوين الكود الصق الكود ولوّنه كـ HTML ملون بنقرة واحدة. كود ترميز HTML رمّز أو فك ترميز كيانات HTML لتهريب الأحرف الخاصة. ترميز ترميز/فك URL رمّز أو فك ترميز الروابط مع دعم الأحرف الصينية والخاصة. ترميز ترميز/فك Base64 رمّز أو فك ترميز النص بصيغة Base64. ترميز تحويل الألوان حوّل الألوان بين HEX / RGB / HSL. لون التحقق من JSON تحقق من صحة JSON وحدد الأخطاء. تحقق