#css3 preloader

.btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff !important; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color: #ffffff !important; } .conts img{max-width:500px;} .conts a.but{margin-bottom:15px;} .conts a.btn{margin-bottom:25px; display:block;} .conts a.btn:first-child{background:none;border:0;}

Download Now

awesome preLoader collection, perfect usable for ajax loading and or website pre-loader. It will give freshness to your website! Collection of preloader friendly to mobile devices.

Instruction

Awesome Css3 PreLoader Collection is installed in few easy steps:

< head > < link rel="stylesheet" href="animate.css" > < link rel="stylesheet" href="preloader-style.css" > < /head >

Finally you need to add one of the following classes:

.ts_preloading_box #ts-preloader-absolute01

.ts_preloading_box #ts-preloader-absolute02

.ts_preloading_box #ts-preloader-absolute03

.ts_preloading_box #ts-preloader-absolute04

.ts_preloading_box #ts-preloader-absolute05

That’s it! Full Example

<div class="ts_preloading_box"> <div id="ts-preloader-absolute01"> <div class="tsperloader1" id="tsperloader1_four"></div> <div class="tsperloader1" id="tsperloader1_three"></div> <div class="tsperloader1" id="tsperloader1_two"></div> <div class="tsperloader1" id="tsperloader1_one"></div> </div> </div>

Main features

Colors and size are easy to change.

Autoload function

Major browser support

Lightweight

50 + collection of loading

Customizable CSS3 Transitions

Queue Support

Mobile & Retina Friendly

Demo page included

Credits

animate.css

bootstrap

Support

Fun Facts Pro (Interface Elements)

Purchase $14.00 Ultimate WordPress plugin to keep your visitors entertained FunFacts with Preloader allows you to show fun facts on your website in any way you choose.By using this plugin you can show Fun Facts as a stylish Preloader while your website page is being loaded in order to avoid visitors to get bored during the Wait time. Features 1-Unlimited Fun Facts can be added 2-Unlimited…

Fun Facts Pro (Interface Elements)

Purchase $14.00 Ultimate WordPress plugin to keep your visitors entertained FunFacts with Preloader allows you to show fun facts on your website in any way you choose.By using this plugin you can show Fun Facts as a stylish Preloader while your website page is being loaded in order to avoid visitors to get bored during the Wait time. Features 1-Unlimited Fun Facts can be added 2-Unlimited…

Download Now

We have themes for OpenCart, Magento and WordPress.

Ultimate WordPress CSS3 Preloader – 99 in 1

This plugin allow you to easy add animated preloader to your WordPress based website.

53 Animated Preloader styles created with pure CSS3 (no images used!)

29 Animated GIF Preloader styles

7 available Preloader sizes for every style in Preloader Control Panel

Unlimited colors for Preloader element in Preloader Control Panel

Unlimited colors for Preloader background in Preloader Control Panel

You can upload your image preloader instead of CSS3 preloader if you like

Powerful Preloader Control Panel with live preview and live preloader customizer

Plugin work with ANY theme

Crossbrowser compatibility (work smooth in any modern browser)

100% Responsive all plugin elements and pages

Detailed Documentation guide included

Translation ready (PO/MO files included)

Optimized for Extra fast work

Work on mobile/touch devices

Retina support

Free Plugin updates and support

TRY BEFORE BUY (FREE LIGHT VERSION DOWNLOAD)

Plugin compatible with WordPress 3.5 – 4.x

Plugin Demonstration

Admin panel and plugin usage demonstration video

Usage in your Themeforest themes for Sale

If you theme author and want to use the Ultimate WordPress Preloader plugin in your Theme here on ThemeForest please purchase 1 extended license for each theme (as long as there is no Developer License available) you put on the marketplace! If you have questions about this agreement please contact us: http://www.themeforest.net/user/dedalx#from

Release History

To upgrade your plugin to newer version just add new and replaces changed files.

Version 1.1 (02.09.2015) – Added – 29 Animated GIF Preloaders with new options

Version 1.0 – Initial release

Compatibility

Plugin compatible with WordPress 3.5 – 4.x. And we make sure it will work with any future WordPress releases.

Please, rate this plugin!

If you like our plugin please do not forget to rate it with stars in your Downloads section and write a review in Comments! Thank you!

Plugin Support and installation service

Awesome PreLoader Collection (Animations and Effects)

Purchase $6.00 awesome preLoader collection, perfect usable for ajax loading and or website pre-loader. It will give freshness to your website! Collection of preloader friendly to mobile devices. Instruction Awesome Css3 PreLoader Collection is installed in few easy steps: Finally you need to add one of the following classes: .ts_preloading_box #ts-preloader-absolute01 .ts_preloading_box…

Ultimate WordPress Preloader – 53 CSS3 Preloaders (Miscellaneous)

Purchase $18.00 We have themes for OpenCart, Magento and WordPress. Ultimate WordPress CSS3 Preloader – 53 in 1 This plugin allow you to easy add animated preloader to your WordPress based website. 53 Animated Preloader styles created with pure CSS3 (no images used!) 4 available Preloader sizes for every style in Preloader Control Panel Unlimited colors for Preloader element in Preloader Control…