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.
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:
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.
This awesome plugin is developed by nzbin. Visit their official github repository for more information and follow for future updates.