#css3 animation effects

Download Image Hover Effects For Elementor – WPCroc.com

[ad_1]

DOWNLOAD FOR FREE

LIVE PREVIEWBUY FOR $24

Image hover effects for elementor plugin allow you to place images with title, description in a creative way. There are different scrolling effects within the plugin. Select the best one for your page or post. Just drag the Image Hover Effects element into your element or page editor and arrange it. More than 30 unique effects will represent your…

WP Image Hover Effects

[ad_1]

LIVE PREVIEWBUY FOR $13

A WordPress plugin that automatically applies stunning hover effects on featured images of blog posts, pages, WooCommerce product images and on custom images with few clicks.

Features

Compatible with Avada, Divi, Storefront & other popular premium themes.

Apply hover effects on blog posts featured images.

Apply hover effects on website pages featured images.

Ap…

.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

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…