اسکلتون لودینگ CSS — placeholder حرفه‌ای با کد

اسکلتون شیمر جایگزین مدرن اسپینر است: به‌جای چرخاندن، ساختار صفحه را با placeholder خاکستری و افکت درخشان نشان می‌دهد و حس «سریع بودن» سایت را تقویت می‌کند — همان چیزی که فیس‌بوک و یوتیوب استفاده می‌کنند.

۷ کد آماده برای «اسکلتون لودینگ css»

پیش‌نمایش زنده لودرها

اسکلتون شیمر کارت

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

لودر اسکلتون درخشان

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

لودر نوار نامعین

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

لودر اسکلتون پروفایل

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

دکمه بارگذاری نقطه‌ای

دکمه لودینگ نقطه
۲۲
۴.۹ (۳)
پیش‌نمایش زنده دکمه‌ها

دکمه لودینگ داخلی

دکمه لودینگ اسپینر
۲۲
۴.۹ (۳)
در حال بررسی
پیش‌نمایش زنده ناوبری

نشان در انتظار لودینگ

نشان انتظار لودینگ
۵۲
۴.۲ (۸)

سوالات متداول

اسکلتون شیمر چطور پیاده‌سازی می‌شود؟

با یک پس‌زمینه گرادیان خطی متحرک روی بلوک‌های placeholder. keyframes جابه‌جایی background-position افکت درخشش را می‌سازد.

راهنماهای مرتبط