<button class="radikalwp-btn-fire">همین حالا بخر<//button>
.radikalwp-btn-fire {
padding: 14px 34px;
font-size: 16px;
font-family: inherit;
font-weight: 700;
color: #fff;
border: none;
border-radius: 14px;
cursor: pointer;
background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
box-shadow: 0 8px 20px rgba(239, 68, 68, .35);
transition: transform .25s ease, box-shadow .25s ease;
}
.radikalwp-btn-fire:hover {
transform: scale(1.05);
box-shadow: 0 12px 30px rgba(249, 115, 22, .5);
}
.radikalwp-btn-fire:active { transform: scale(.98); }
درباره این اسنیپت
دکمه با گرادیان قرمز-نارنجی پرانرژی و افکت بزرگنمایی هنگام هاور؛ مناسب دکمههای خرید و اکشن در فروشگاهها. این دکمه برای فراخوانهای اقدام (CTA)، فرمها و ناوبری طراحی شده است. این المان در ویجت HTML المنتور، فایل قالب استاتیک یا هر پروژه PHP و HTML دیگری بدون تغییر کار میکند. برای تغییر حس بصری کافی است متغیرهای رنگ بالای کد را عوض کنید؛ بقیه چیدمان دستنخورده میماند.
پرسشهای متداول
بله، اندازهها با واحدهای نسبی و flex/grid ساخته شدهاند و در نمایشگرهای کوچک هم درست نمایش داده میشوند. اگر عرض ثابت دیدید، میتوانید آن را با max-width برای موبایل تنظیم کنید.
خیر؛ این کد بدون کتابخانه خارجی و فقط با CSS بهینه نوشته شده و حجم آن چند کیلوبایت است. انیمیشنها روی GPU اجرا میشوند و تأثیر محسوسی بر امتیاز PageSpeed ندارد.
بله، این کد بهصورت کاملاً رایگان برای استفاده شخصی و تجاری ارائه میشود. تنها استفاده از آن در محصولاتی که صرفاً بازفروش همین کد باشند مجاز نیست.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۲ از ۷ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!