ابزار حرفه‌ای ساخت باکس شیشهای (Glassmorphism)
افکت شیشهای یکی از جذاب‌ترین سبک‌های طراحی مدرن رابط کاربری است. با این ابزار رایگان، در چند ثانیه یک باکس شیشهای حرفه‌ای بسازید و کد استاندارد CSS آن را کپی کنید.
تنظیمات افکت شیشهای
کارت شیشهای
این یک نمونه از افکت Glassmorphism است.
چرا از این ابزار استفاده کنیم؟
پیش‌نمایش زنده
همان لحظه که اسلایدرها یا رنگ را تغییر می‌دهید، پیش‌نمایش باکس شیشهای به‌روزرسانی می‌شود و خروجی نهایی را می‌بینید.
کپی سریع کد
با یک کلیک روی دکمه کپی، کد CSS استاندارد در کلیپ‌بورد قرار می‌گیرد و آماده استفاده در پروژه شماست.
نصب به عنوان اپلیکیشن
ابزار را روی صفحه اصلی موبایل یا دسکتاپ نصب کنید و بدون مرورگر و بدون اینترنت به آن دسترسی داشته باشید.
راهنمای گام به گام
تنظیم میزان تاری
اسلایدر «میزان تاری» را حرکت دهید تا شدت افکت شیشهای (Blur) را مطابق سلیقه خود تنظیم کنید.
تنظیم شفافیت و رنگ
شفافیت لایه شیشهای و رنگ آن را متناسب با پس‌زمینه و طراحی خود انتخاب کنید.
تنظیم گوشه و حاشیه
گردی گوشه‌ها و شفافیت حاشیه را تنظیم کنید. در صورت نیاز، سایه را فعال یا غیرفعال کنید.
کپی کد CSS
روی دکمه «کپی کد» کلیک کنید و کد نهایی را در فایل style.css یا CSS سفارشی قالب خود قرار دهید.
سوالات متداول
افکت شیشهای یک سبک طراحی مدرن رابط کاربری است که با استفاده از ترکیب blur (تاری)، شفافیت و سایه، ظاهری شبیه شیشه مات ایجاد میکند و به عناصر رابط کاربری حس عمق و لطافت میبخشد.
بله، ابزار ساخت باکس شیشهای CSS رایا وردپرس کاملاً رایگان است و هیچ محدودیتی در تعداد استفاده وجود ندارد.
کدهای CSS تولید شده کاملاً استاندارد و مطابق با آخرین مشخصات W3C هستند و در تمام مرورگرهای مدرن کار می‌کنند. پیشوند -webkit- نیز برای پشتیبانی از Safari اضافه شده است.
کد تولید شده را در قسمت «ظاهر > شخصیساز > CSS اضافی» یا فایل style.css قالب فرزند خود قرار دهید. در المنتور نیز میتوانید مستقیماً استفاده کنید.
از منوی بالا گزینه «نصب وب اپلیکیشن» را انتخاب کنید و مراحل نمایش داده شده را دنبال کنید تا ابزار روی صفحه اصلی دستگاه شما نصب شود.