پیش‌نمایش زنده (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 تازه بنویسید تا ریتم موجی منظم بماند.

بله؛ دقیقاً برای حالت پخش و پردازش صوت طراحی شده و کنار پخش‌کننده حس رسانه‌ای خوبی می‌دهد.

گرادیان عمودی روی کلاس میله‌ها تعریف شده است. دو رنگ آن را با پالت دلخواه جایگزین کنید.

امتیاز شما به این محتوا

میانگین امتیاز کاربران: ۴.۱ از ۱۰ رأی — برای امتیازدهی وارد شوید

دیدگاه‌ها (۰)

هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!

دیدگاه خود را بنویسید

کپچا

دیدگاه شما پس از تأیید مدیر نمایش داده می‌شود.

شاید بپسندی

پیش‌نمایش زنده اسنیپت

لودر بار تپنده

لودر اکولایزر موج
۸۰
۴.۵ (۱۲)
پیش‌نمایش زنده اسنیپت

لودر سه دایره درهم

لودر دایره موج
۳۰
۴.۳ (۴)
پیش‌نمایش زنده اسنیپت

لودر موج سه‌میله

لودر موج میله
۲۷
۴.۵ (۴)