پیشنمایش زنده (iframe sandbox)
تمامصفحه
<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 تازه بنویسید تا ریتم موجی منظم بماند.
بله؛ دقیقاً برای حالت پخش و پردازش صوت طراحی شده و کنار پخشکننده حس رسانهای خوبی میدهد.
گرادیان عمودی روی کلاس میلهها تعریف شده است. دو رنگ آن را با پالت دلخواه جایگزین کنید.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۱ از ۱۰ رأی — برای امتیازدهی وارد شوید
دیدگاهها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!