آموزش المنتور - ایده پردازش

آموزش ساخت دکمه ضربان دار (pulse) در المنتور

ساخت دکمه ضربان دار در المنتور در این آموزش، با استفاده از CSS سفارشی المنتور، یک افکت پالس برای دکمه‌ها ایجاد می‌کنیم. افکت پالس با گسترش سایه (box-shadow) از داخل دکمه به بیرون، حس ضربان و تکرار را شبیه‌سازی می‌کند. کد زیر در بخش Custom CSS ویجت دکمه قرار می‌گیرد:

@keyframes dev-afshin{
    from{
        box-shadow: 0 0 0 0 #1500FF;
    }
    to{
        box-shadow: 0 0 0 20px #1500FF00;
    }
}

selector a{
    animation: dev-afshin
    0.5s infinite
}

@keyframes dev-afshin{

from{

box-shadow: 0 0 0 0 #1500FF;

}

to{

box-shadow: 0 0 0 20px #1500FF00;

}

selector a{

animation: dev-afshin

0.5s infinite

}

ویدیو آموزش تعریف @keyframes […]

دسته: آموزش المنتور

آموزش ساخت دکمه ضربان دار (pulse) در المنتور

ایده پردازش