پیشنمایش زنده
اسنیپت
لودر بار تپنده
لودر
اکولایزر
موج
۸۰
۴.۵ (۱۲)
<div class="radikalwp-eq-loader"><i><//i><i><//i><i><//i><i><//i><i><//i><//div>
.radikalwp-eq-loader {
display: flex;
align-items: center;
gap: 5px;
height: 44px;
}
.radikalwp-eq-loader i {
width: 6px;
height: 100%;
border-radius: 4px;
background: linear-gradient(180deg, #a78bfa, #6366f1);
animation: radikalwp-eq-wave 1.05s ease-in-out infinite;
}
.radikalwp-eq-loader i:nth-child(1) { animation-delay: 0s; }
.radikalwp-eq-loader i:nth-child(2) { animation-delay: .15s; }
.radikalwp-eq-loader i:nth-child(3) { animation-delay: .3s; }
.radikalwp-eq-loader i:nth-child(4) { animation-delay: .45s; }
.radikalwp-eq-loader i:nth-child(5) { animation-delay: .6s; }
@keyframes radikalwp-eq-wave {
0%, 100% { transform: scaleY(.35); }
50% { transform: scaleY(1); }
}
پنج میله عمودی با ارتفاع متغیر که مثل اکولایزر صدا میرقصند و حس پخش شدن داده میدهند. برای حالت پخش موسیقی، پردازش صوت و هر انتظار مرتبط با رسانه انتخاب طبیعی است. تأخیر پلکانی میلهها موجی منظم و آرامبخش میسازد. رنگ میلهها با گرادیان بنفش تا آبی قابل شخصیسازی است.
تگ i را کم یا زیاد کنید و برای هر میله جدید یک تأخیر delay تازه بنویسید تا ریتم موجی منظم بماند.
بله؛ دقیقاً برای حالت پخش و پردازش صوت طراحی شده و کنار پخشکننده حس رسانهای خوبی میدهد.
گرادیان عمودی روی کلاس میلهها تعریف شده است. دو رنگ آن را با پالت دلخواه جایگزین کنید.
میانگین امتیاز کاربران: ۴.۱ از ۱۰ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!