Page Loading Transitions
You can show Interactive loaders to your Visitors while the Pages of you Website loads in the background & then Reveal your Pages with CSS3 Transitions. Page Transition options are applied on the `` Tags.
Usage
<body class="page-transition" data-loader="2" data-animation-in="fadeIn" data-speed-in="1500" data-animation-out="fadeOut" data-speed-out="800">Settings
| Setting | Description |
|---|---|
data-loader | Loader Style of the Page Transition. Example: 8 |
data-animation-in | The Animation style on Page Load-In. |
data-speed-in | The Speed of the Animation in milliseconds on Page Load-In. |
data-loader-color | Use any HEX Color for the Loader. |
data-loader-timeout | Add a TimeOut in milliseconds to end the Page Loading Transition prematurely in certain circumstances when the Page Loading Transition continues to be displayed for Longer Periods of time. |
data-loader-html | Add Custom HTML Codes if you want to display a Customized Loader. Make sure that you escape Double/Single Quotes properly to avoid unexpected errors which will cause the Page to not display correctly. |