CSS Three Dots Loading Animations

The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only enhance your CSS skills but also improve your imagination. Three Dots is a small CSS/CSS3 library that provides a set of 20 fancy animated loading spinners created with three dots.
CSS-Three-Dots-Loading-Animations


Install

Install CSS Three Dots Loading Animations plugin via NPM

CSS Three Dots Loading Animations

Libraries

Include the CSS in your file

<link href="/path/to/three-dots.css" rel="stylesheet">

HTML

Add just one div tag:

<div class="dot-elastic"></div>




Here’s the list of three-dots classes you can choose from:

dot-elastic
dot-pulse
dot-flashing
dot-collision
dot-revolution
dot-carousel
dot-typing
dot-windmill
dot-bricks
dot-floating
dot-fire
dot-spin
dot-falling
dot-stretching

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by nzbin. Visit their official github repository for more information and follow for future updates.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.