پیش‌نمایش زنده
اسنیپت
دکمه حلقه ضربانی
دکمه
ضربان
رادار
۲۲
۴.۹ (۳)
پیش‌نمایش زنده (iframe sandbox)
تمام‌صفحه
کد این اسنیپت فقط برای کاربران ثبت‌نام‌شده است.
برای دسترسی کافی است یک حساب رایگان بسازید یا وارد شوید. آیتم: دکمه حلقه ضربان
درباره این اسنیپت
دکمه سرخابی با حلقه‌ای که به‌صورت دوره‌ای از لبه‌هایش بیرون می‌زند و محو میشود، مثل موج ضربان. این ریتم برای اعلام فوریت، دکمه تماس اضطراری و اقدام‌های زنده مثل شروع پخش زنده ساخته شده است. ضربان ملایم است و آزاردهنده نیست. افکت فقط با انیمیشن box-shadow اجرا میشود و منابع کمی مصرف می‌کند.
پرسش‌های متداول
مقدار 2.2s در animation را کم یا زیاد کنید. برای فوریت بیشتر عدد کوچک‌تر و برای فضای آرام عدد بزرگتر مناسب است.
مقدار 16px در keyframes را افزایش دهید. عدد بزرگتر حلقه پهنتری میسازد که دورتر پخش و محو میشود.
خیر؛ فقط box-shadow متحرک است و در کارتهای گرافیکی سبک اجرا میشود. اگر خواستید میتوانید با prefers-reduced-motion آن را خاموش کنید.
امتیاز شما به این محتوا
میانگین امتیاز کاربران: ۴.۶ از ۴ رأی — برای امتیازدهی وارد شوید
دیدگاه‌ها (۰)
هنوز دیدگاهی ثبت نشده؛ اولین نفر باشید!