<h2 class="radikalwp-tx-metal">PREMIUM<//h2>
.radikalwp-tx-metal {
margin: 0;
font-size: 38px;
font-weight: 900;
letter-spacing: 4px;
background: linear-gradient(100deg, #64748b 20%, #f8fafc 42%, #94a3b8 58%, #475569 78%);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: radikalwp-tx-metal-sheen 3.6s ease-in-out infinite;
}
@keyframes radikalwp-tx-metal-sheen { 50% { background-position: -120% 0; } }
درباره این اسنیپت
سطح متالیک نقرهای با بازتاب نوری که آرام روی حروف حرکت میکند؛ حس لوکس و تکنیکال. برای لوگوهای متنی و برندهای ساعت/خودرو مناسب است. این افکت تایپوگرافی برای تیترها و بنرها طراحی شده و با فونتهای فارسی هم بهخوبی کار میکند. ساختار HTML حداقلی دارد و افزودن یا حذف تکرار المانها بدون بههمریختگی انجام میشود. رنگها و اندازهها با متغیرهای ساده CSS قابل تغییرند و میتوانید آنها را با پالت برند خودتان هماهنگ کنید.
پرسشهای متداول
خیر؛ این کد بدون کتابخانه خارجی و فقط با CSS بهینه نوشته شده و حجم آن چند کیلوبایت است. انیمیشنها روی GPU اجرا میشوند و تأثیر محسوسی بر امتیاز PageSpeed ندارد.
بله، این کد بهصورت کاملاً رایگان برای استفاده شخصی و تجاری ارائه میشود. تنها استفاده از آن در محصولاتی که صرفاً بازفروش همین کد باشند مجاز نیست.
بله، اندازهها با واحدهای نسبی و flex/grid ساخته شدهاند و در نمایشگرهای کوچک هم درست نمایش داده میشوند. اگر عرض ثابت دیدید، میتوانید آن را با max-width برای موبایل تنظیم کنید.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۵ از ۱۲ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!