چطوری یک جلوه شیشه مات در المنتور ایجاد کنیم؟

امروز قصد دارم که یک روش ساده به شما نشون بدم تا بتونین “جلوه پس زمینه شیشه ای مات” رو بدون ادان برای المنتور ایجاد کنین. شما می توانید این جلوه شیشه مات و سرد را با یک فیلتر پس زمینه، که یک کد CSS ساده‌ست، ایجاد کنید. بیاین با من شروع به ایجاد اثر منحصر به فرد Glassmorphism خودمون کنیم.

هفت گام تا ایجاد جلوه شیشه مات در المنتور

گام اول: ایجاد بخش اصلی

خیلی راحت یک بخش یک ستونه درست میکنیم.

گام دوم: تنظیم عرض و ارتفاع بخش

مقادیر رو بدلخواه تغییر بدید یا از همین مقادیر استفاده کنین.

گام سوم: درج تصویر در پس زمینه بخش

تصویری برای پس زمینه به دلخواه انتخاب کنید. شکل ها به ویژه برای این اثر شیشه مات در المنتور مناسب هستند. «ماوس ترک» رو روشن کنید.

گام چهارم: درج محتوای موردنظر در ستون

در مورد تولید محتوا محدودیتی وجود نداره. البته می توانید یک بخش داخلی رو هم انتخاب کنین و چندین ستون داشته باشین و استایل بدین.

گام پنجم: تعیین رنگ پس‌زمینه ستون

بسته به تصویر پس زمینه، رنگ سفید یا سیاه رو برای رنگ پس زمینه ستون توصیه میکنم. به شفافیت توجه کنین.

گام ششم: تعریف کلاس CSS برای ستون

اسم کلاس رو بذارید:

frostedglass

گام هفتم: اضافه کردن کد CSS به ستون

فقط این کد رو کپی کنید در Custom CSS ستون از قسمت پیشرفته. همین!

.frostedglass{
backdrop-filter:blur(20px);
}

به همین راحتی میتونین با نسخه اصلی المنتور جلوه شیشه مات رو در المنتور ایجاد کنین و نیازی به ادان ندارین. نظرتون رو برام بنویسید.خوش بگذره!

دانلودفایل JSON