40+ Handcrafted CSS animations dedicated for your loaders. All animations here are designed for repeatable, infinitely playing. online demo could be found here: loading.css
loading.css is released together with a handy tool which build GIFs from CSS animation for us. Check Custom GIF Generator to see how it works.
- download and include loading.css:
<link rel="stylesheet" type="text/css" href="loading.css"/>
-
check loading.css animation gallery for the name of animations you want to use. for example,
ld-spin. -
use the name as css class on the element you want to animate:
<div class="ld ld-spin"></div>
- for more information, check out loading.css animation documentation.
MIT License