12 Pure CSS3 Loader Indicator Animation Effects
Add-ons
Plugin Description: loaderskit is a collection of visually impressive, pure CSS3 Loader indicator animations. It includes 12 different loading effects, all implemented entirely with CSS3 without using any images.
loaderskit Instructions
loaderskit is a collection of visually impressive, pure CSS3 Loader indicator animations. It includes 12 different loading effects, all implemented entirely with CSS3 without using any images.
Usage
Include the loaderskit.css file in your page.
1 | <link rel="stylesheet" type="text/css" href="css/loaderskit.css"> |
HTML Structure
All Loader indicators share the same HTML structure. A <div> is used as the container, with another nested <div> element inside. For example:
1 2 3 | <div class="span"> <div class="timer"></div></div> |
The class timer specifies the animation type of the Loader. Available types include:
timer
typing
location indicator
dashboard
battery
magnifier
help
cloud
eye
coffee cup
square
circle
评论