پیش بارگذارنده

مثال هایی برای افزودن پیش بارگذارنده سفارشی با CSS و جاوااسکریپت با استفاده از CSS3 برای انیمیشن ها.

مثال ها

قبل از بستن تگ html از .js-preloader div استفاده کنید. سپس کلاس انیمیشن را در .loading-animation div تغییر دهید، به عنوان مثال .tri-ring، .duo-pulse و غیره.

  • سه حلقه
  • تپش دوتایی
مثال کد
<div class="js-preloader">
    <div class="loading-animation tri-ring"></div>
</div>

<div class="js-preloader">
    <div class="loading-animation duo-pulse"></div>
</div>