پیش بارگذارنده
مثال هایی برای افزودن پیش بارگذارنده سفارشی با 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>