<div class="radikalwp-loader-ring"><//div>.radikalwp-loader-ring {
width: 46px;
height: 46px;
border-radius: 50%;
border: 4px solid transparent;
border-top-color: #7c3aed;
border-right-color: #ec4899;
animation: radikalwp-spin .8s linear infinite;
}
@keyframes radikalwp-spin {
to { transform: rotate(360deg); }
}درباره این اسنیپت
حلقه چرخان با حاشیه گرادیان بنفش؛ سبک‌ترین و مدرن‌ترین اسپینر برای دکمه‌ها و بارگذاری بخش‌ها. این لودر برای لحظه‌های انتظار — بارگذاری محتوا، آپلود یا پردازش — ساخته شده است. ساختار HTML حداقلی دارد و افزودن یا حذف تکرار المان‌ها بدون به‌هم‌ریختگی انجام میشود. رنگ‌ها و اندازهها با متغیرهای ساده CSS قابل تغییرند و میتوانید آن‌ها را با پالت برند خودتان هماهنگ کنید.
پرسش‌های متداول
بله، اندازهها با واحدهای نسبی و flex/grid ساخته شدهاند و در نمایشگرهای کوچک هم درست نمایش داده میشوند. اگر عرض ثابت دیدید، میتوانید آن را با max-width برای موبایل تنظیم کنید.
خیر؛ این کد بدون کتابخانه خارجی و فقط با CSS بهینه نوشته شده و حجم آن چند کیلوبایت است. انیمیشن‌ها روی GPU اجرا میشوند و تأثیر محسوسی بر امتیاز PageSpeed ندارد.
بله، این کد بهصورت کاملاً رایگان برای استفاده شخصی و تجاری ارائه میشود. تنها استفاده از آن در محصولاتی که صرفاً بازفروش همین کد باشند مجاز نیست.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۵ از ۱۲ رأی — برای امتیازدهی وارد شوید
دیدگاه‌ها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!