/loading_pages

Big collection of loading pages, using only JavaScript, CSS3 and HTML5.

Primary LanguageCSS

Loaders Pages.

Loaders Pgaes is a collection of loaders , using only CSS3 and HTML5.

The tree files of Loaders, in the repository.

As you see in below every loader in the loaders have same structures (index.html, style.css and main.js).

loaders
├── fill
│   ├── index.html
│   ├── main.js
│   └── style.css
├── flip
│   ├── index.html
│   ├── main.js
│   └── style.css
├── jump
│   ├── index.html
│   ├── main.js
│   └── style.css
├── look_at_me
│   ├── index.html
│   ├── main.js
│   └── style.css
├── split
│   ├── index.html
│   ├── main.js
│   └── style.css
├── turn
│   ├── index.html
│   ├── main.js
│   └── style.css
└── zoom
    ├── index.html
    ├── main.js
    └── style.css

###Content of each file in loader folder. 1.In '''index.html''' we have the structure of loader shapes and squares. 2.In '''style.css''' we have the styling of shapes and squares ,plus the animation of loader. 3.In '''main.js''' we have the loader function ,it mean if the web page complete loading remove the loader.