جلسه ۸۱

آموزش ایجاد افکت برف با المنتور

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

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

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

سلام خدمت کاربران خوب المنتور سایت

امروز یه آموزش جالب و جذاب براتون آماده کردیم که با میتوانید در وب سایت وردپرسی خودتون و روی صفحه المنتوری یک افکت برف ایجاد نمایید .

این کار در بسیاری از لندینگ های زمستانی کاربرد دارد امیدوارم از این آموزش لذت ببرید.

ایجاد افکت برف در المنتور

مرحله اول :

ابتدا طبق تصویر Custom CSS صفحه ای که میخواهید افکت برف در آن قرار داده شود را پیدا کنید .

تنظیمات صفحه > تب پیشرفته > Custom Css

و بعد کد زیر را وارد کنید

.snow-bg {
position: relative;
}

.snow-bg:after {
content: '';
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url('https://library.elementor.com/resources/christmas-snow-effect/s1.png'), url('https://library.elementor.com/resources/christmas-snow-effect/s2.png'), url('https://library.elementor.com/resources/christmas-snow-effect/s3.png');
animation: snow 10s linear infinite;
}

@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
مرحله دوم: انتخاب بخش برای نمایش افکت برف

برای نمایش افکت ابتدا روی تنظیمات یک بخش کلیک کنید و در تب پیشرفته در قسمت

به همین راحتی افکت برف روی بخش مورد نظر ایجاد شد.
امیدوارم از این آموزش کوتاه لذت برده باشید.

سوالات و مشکلات شما در این جلسه

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

7 پاسخ

  1. سلام و مچکر بابت آموزش خوبتون
    برای تغییر افکت چیکار میشه کرد؟
    تصاویر دیگری میشه قرارداد؟ چطوری به تصاویر دیگر المنتور دسترسی داشته باشیم؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آپدیت های جدید محصولات

جدیدترین محصولات آپدیت شده