<h2 class="radikalwp-tx-fire">🔥 پیشنهاد ویژه داغ<//h2>.radikalwp-tx-fire {
margin: 0;
font-size: 30px;
font-weight: 900;
background: linear-gradient(180deg, #fef08a 0%, #f97316 45%, #dc2626 80%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
filter: drop-shadow(0 3px 8px rgba(249, 115, 22, .45));
animation: radikalwp-tx-fire-s 1.6s ease-in-out infinite;
}
@keyframes radikalwp-tx-fire-s { 50% { transform: scale(1.03) rotate(.4deg); } }درباره این اسنیپت
ترکیب رنگ‌های آتش از زرد به قرمز با تکان خفیف؛ برای بنرهای داغ و پیشنهادهای شگفت‌انگیز. حرارت بصری واقعی به CTAهای تخفیف می‌دهد. این افکت تایپوگرافی برای تیترها و بنرها طراحی شده و با فونت‌های فارسی هم به‌خوبی کار می‌کند. این المان در ویجت HTML المنتور، فایل قالب استاتیک یا هر پروژه PHP و HTML دیگری بدون تغییر کار می‌کند. برای تغییر حس بصری کافی است متغیرهای رنگ بالای کد را عوض کنید؛ بقیه چیدمان دست‌نخورده می‌ماند.
پرسش‌های متداول
بله، اندازهها با واحدهای نسبی و flex/grid ساخته شدهاند و در نمایشگرهای کوچک هم درست نمایش داده میشوند. اگر عرض ثابت دیدید، میتوانید آن را با max-width برای موبایل تنظیم کنید.
خیر؛ این کد بدون کتابخانه خارجی و فقط با CSS بهینه نوشته شده و حجم آن چند کیلوبایت است. انیمیشن‌ها روی GPU اجرا میشوند و تأثیر محسوسی بر امتیاز PageSpeed ندارد.
بله، این کد بهصورت کاملاً رایگان برای استفاده شخصی و تجاری ارائه میشود. تنها استفاده از آن در محصولاتی که صرفاً بازفروش همین کد باشند مجاز نیست.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۱ از ۱۰ رأی — برای امتیازدهی وارد شوید
دیدگاه‌ها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!