دکمه شیشهای CSS (Glassmorphism) — کد آماده با بلور
طراحی شیشهای (Glassmorphism) با خاصیت backdrop-filter: blur و حاشیه نیمهشفاف ساخته میشود و به رابط کاربری حس شفافیت و عمق می‌دهد. نمونه‌های این صفحه روی پس‌زمینه‌های گرادیانی بهترین جلوه را دارند.
۹ کد آماده برای «دکمه شیشه ای css»
پیش‌نمایش زنده
دکمه‌ها
دکمه شیشهای روشن
شیشهای
دکمه
بلور
۲۰
۴.۸ (۳)
پیش‌نمایش زنده
دکمه‌ها
دکمه شفاف با پسزمینه متحرک
دکمه
شیشهای
گرادیان متحرک
۱۸
۴.۶ (۳)
پیشرفت پروژه۷۲٪
نوار پیشرفت شیشهای درصدی
کامپوننت
پیشرفت
شیشهای
۳۲
۴.۶ (۵)
پیش‌نمایش زنده
دکمه‌ها
دکمه شیشهای مات
دکمه
شیشهای
گلس‌مورفیسم
۸۰
۴.۵ (۱۲)
پیش‌نمایش زنده
کارت‌ها
کارت لینک شبکه اجتماعی شیشهای
کارت
شبکه اجتماعی
شیشهای
۱۵
۴.۴ (۳)
اشتراک حرفه‌ای
دسترسی کامل به همه قالب‌ها و کدهای آماده با به‌روزرسانی هفتگی.
کارت شیشهای مات
کارت
شیشهای
گلس‌مورفیسم
۱۵
۴.۴ (۳)
طراحی شیشهای
این کارت با پسزمینه نیمهشفاف و بلور نرم، عمق و شفافیت را هم‌زمان به صفحه شما می‌آورد.
کارت شیشهای مه‌آلود
کارت
شیشهای
گلس‌مورفیسم
۱۵
۴.۴ (۳)
پیش‌نمایش زنده
ناوبری
نوار ناوبری قرصی شیشهای
ناوبری
شیشهای
قرص
۱۰۰
۴.۲ (۱۶)
فرم ورود شیشهای شبانه
فرم
ورود
شیشهای
۱۰۰
۴.۲ (۱۶)
سوالات متداول
پشتیبانی مرورگرها از افکت شیشهای چطور است؟
backdrop-filter در کروم، اِج، سافاری و فایرفاکس نسخههای جدید پشتیبانی میشود. برای مرورگرهای قدیمی، پسزمینه fallback نیمهشفاف در کد ما پیشبینی شده است.