<button class="radikalwp-btn-wave">ورود به حساب<//button>
.radikalwp-btn-wave {
padding: 14px 34px;
font-size: 16px;
font-family: inherit;
color: #a5b4fc;
background: #1e1b4b;
border: 1px solid #4338ca;
border-radius: 12px;
cursor: pointer;
transition: all .3s ease;
animation: radikalwp-pulse 2.5s ease-in-out infinite;
}
.radikalwp-btn-wave:hover {
color: #fff;
background: #312e81;
box-shadow: 0 0 0 4px rgba(99, 102, 241, .25);
}
@keyframes radikalwp-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, .35); }
50% { box-shadow: 0 0 0 8px rgba(99, 102, 241, 0); }
}
درباره این اسنیپت
دکمه تیره با هایلایت موجی هنگام هاور و انیمیشن نبض ملایم؛ مناسب حالت شب وبسایت. این دکمه برای فراخوانهای اقدام (CTA)، فرمها و ناوبری طراحی شده است. همه کلاسها با پیشوند radikalwp شروع میشوند تا با استایلهای قالب شما تداخلی پیش نیاید و راحتتر شخصیسازی شوند. انیمیشنها با GPU-friendly خواص transform و opacity ساخته شدهاند تا سرعت سایت شما تحت تأثیر قرار نگیرد.
پرسشهای متداول
بله، اندازهها با واحدهای نسبی و flex/grid ساخته شدهاند و در نمایشگرهای کوچک هم درست نمایش داده میشوند. اگر عرض ثابت دیدید، میتوانید آن را با max-width برای موبایل تنظیم کنید.
خیر؛ این کد بدون کتابخانه خارجی و فقط با CSS بهینه نوشته شده و حجم آن چند کیلوبایت است. انیمیشنها روی GPU اجرا میشوند و تأثیر محسوسی بر امتیاز PageSpeed ندارد.
بله، این کد بهصورت کاملاً رایگان برای استفاده شخصی و تجاری ارائه میشود. تنها استفاده از آن در محصولاتی که صرفاً بازفروش همین کد باشند مجاز نیست.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۵.۰ از ۳ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!