tag:sourceforest.net/codecanyon:/feeds/new-css-slash-animations-and-effects-itemsCodecanyon new Animations and Effects items2024-03-29 02:39:21tag:codecanyon:Item/198714262017-05-06 04:07:042017-05-06 04:07:04Lhover – 100 CSS3 Animated Buttons (Animations and Effects) <p><strong>Lhover</strong> is a big collection of CSS3 Link Hover Effects which are suitable for any kind of Website. Lhover has 6 color combinations and only contains CSS3 and HTML5. Lhover are created with the more style advanced features. With Lhover you can include any link effect into your page very easy.</p><p>
<br />
</p><h3 id="item-description__features">Features:</h3>
<ul>
<li>Pure CSS3 + HTML5 (no JavaScript and jQuery)</li>
<li>100 CSS3 Link Hover Effects</li>
<li>6 Color Variants</li>
<li>Fully Responsive</li>
<li>Original Design</li>
<li>Compatible for all Major Browsers</li>
<li>Super Easy Customization and Implementation</li>
</ul>SOFTCODERStag:codecanyon:Item/194986132017-02-24 06:48:482017-03-02 17:52:48Killer - Hover Effects (Animations and Effects) <p>
These sets of hover effects are created using only pure CSS3 properties. The simplistic HTML structures will make the integration of these effects on your existing work to be easily implemented.
</p>
<p>
It is fully responsive and only uses pure CSS3 properties. Due to the limitation of old browser, some effects will not work on them.
</p>
<h3 id="item-description__unique-hover-effects">Unique Hover Effects</h3>
<ul>
<li> 26 Button Overly Effect </li>
<li> 31 Image Overlay Effect </li>
<li> 32 Detail Overlay Effect </li>
<li> 18 Caption Overlay Effect </li>
<li> 6 Image Effec </li>
<li> 4 Social Media Bar Effect </li>
</ul>wpdiggertag:codecanyon:Item/193265662017-01-20 06:51:012017-01-21 05:17:40Flutter - CSS Image Hover Effects & Lightbox (Animations and Effects) <p><strong>Why Flutter CSS Image Hover Effects & Lightbox?</strong> Flutter are designed for you so you can outstand your website and give something new to your site users. It’s time you replace your old and boring hover effects and let’s implement Flutter CSS image hover effects. These are unique and look awesome. These are creative and change your look of your website.</p>
<p>We developed these for you so you can make your site design more interesting and give a new look. Flutter effects are fully responsive and work well on small and large devices. We write the code that you can easily understand. You can easily implement any of hover effect, or lightbox. Just get the code from CSS file and you are done.</p>
<p>We have made 12 unique image effects which allow showing in two different grid system. You can show them in 2 or 3 Columns. These are light weight and work with four various types of Lightboxes. You can quickly implement any lightbox with any effect. The Lightboxes allow to add anything; You can add content, images, video, image and much more.</p>
<h2 id="item-description__features">Features:-</h2>
<ul>
<li>: 12 CSS Image Hover Effects</li>
<li>: 2 and 3 Columns System</li>
<li>: 4 Types of Lightbox
<ul>
<li>: Add Content</li>
<li>: Add Google Map</li>
<li>: Add Video</li>
<li>: Add Photo</li>
<li>: Anything You Like</li>
</ul>
</li>
<li>: Fully Responsive</li>
<li>: Supber Easy to used</li>
<li>: Help documentation</li>
<li>: Pure CSS3 and HTML5</li>
<li>: Compatible for all Major Browsers</li>
<li>: Fully Flexiable for Customization</li>
<li>: Help Documentation</li>
</ul>
<h3 id="item-description__important-note">Important Note:-</h3>
<p>Please note that pseudo-element transitions don’t work in every browser, especially the older version of the browser including IE. Best viewed in Chrome and Firefox.</p>
<h3 id="item-description__changelog">Changelog</h3>
<p><strong>18/01/2014 – Version 1.0</strong></p>
<ul>
<li>Initial release.</li>
</ul>reverietechtag:codecanyon:Item/192368182016-12-29 08:55:582016-12-29 08:55:58Bunta.css - Pure CSS Popups Collection (Animations and Effects) <p>Bunta.css is a set of pure, responsive CSS popups that you can use in every web project.</p>
<h2 id="item-description__features">Features</h2>
<ul>
<li>Pure CSS</li>
<li>Works On All Major Browsers</li>
<li>Flat Design</li>
<li>Animated ( CSS3 )</li>
<li>35 Colors
<ul>
<li>Black & White</li>
<li>Bootstrap Colors</li>
<li>Flat UI Colors</li>
<li>Greenery ( 2017 Color )</li>
<li>And more</li>
</ul>
</li>
<li>5 Styles
<ul>
<li>Uno – Full Screen</li>
<li>Dos – With Overlay</li>
<li>Tres – Slide Up & Down</li>
<li>Cuatro – Corners</li>
<li>Cinco – With Cover</li>
</ul>
</li>
<li>Stylus & Pug/Jade Files Included</li>
</ul>bourhaoutatag:codecanyon:Item/189569362016-11-25 05:57:392016-11-25 05:57:39HoverMe - A CSS3 Animation Packages (Animations and Effects) <p>Hoverme animation is a advanced CSS3 animation collections. It’s have button (04) images (10) loading (08) advanced animation, and posible to huge combination. It’s used standard HTML5, CSS3 technology. You can use this animation on your project easily.</p>
<h2 id="item-description__core-features">CORE FEATURES:</h2>
<ul>
<li>Button (04) Animation</li>
<li>images (10) Animation</li>
<li>loading (08) Animation</li>
<li>Follow CSS, HTML5 Standard.</li>
<li>Clean Coding, W3c Validate.</li>
<li>Populer Bootstrap Supported.</li>
<li>Step By Step Wel Documented</li>
</ul>
<h2 id="item-description__credits-our-hero">Credits Our Hero:</h2>
<ul>
<li><a href="http://getbootstrap.com/" rel="nofollow">http://getbootstrap.com/</a></li>
</ul>
<p><strong>Inportant:</strong> After purchasing our product, If you face installation or customization problem so, please feel free to contact with us via Envato email. We will try to best support for you. <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /></p>
<p><strong>Important:</strong> Images are not included in the download file. Sorry for this reason!</p>
<p><a href="https://codecanyon.net/item/epack-15-css3-element-packages/19348367"><img src="https://s7.postimg.org/mj9ah0wdn/mega-offer.png" alt="Description Image" /></a>
<strong>Dear sir, If you satisfy, Please 5-Star rate our product <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /></strong></p>
<p><img src="https://s1.postimg.org/6sebphxnan/client-satisfication.jpg" alt="Client Says" /></p>
<p><strong>Version 1.0.0 [25 November 2016]</strong></p>
<pre>
+ Initial Release
</pre>thecodudetag:codecanyon:Item/163638762016-05-27 04:54:592016-05-27 04:54:59Midix - CSS3 Animation Effects Without Jquery (Animations and Effects) <p>Midix is a package that contain infinite font awesome icon with pure css3 animation and with adjustable speed and delay of animation to start. It’s a very good way to attract users toward a specific area.CSS3 provides very light weight and smooth animation effect without any java script and jQuery.</p>
<p>• 2 Step Fast Installation.<br />
• 16 Animation effects included. <br />
• 25 Colors option for icons. <br />
• Adjustable animation speed (.15, .25, .50, .75, 1, 2, 3 seconds).<br />
• Adjustable animation delay (1 – 3 seconds).<br />
• Used with font awesome icons.<br />
• Trigger animation on hover option.<br />
• Non Stop animation “nonstop”.<br />
• Pause animation on hover.<br />
• No java script needed.<br />
• Retina friendly.<br />
• Easy to add/install and edit/update.<br />
• Well documented.<br />
• Free updates.<br />
• Free and friendly support. <br /></p>pixndottag:codecanyon:Item/154888742016-04-16 05:47:162016-04-16 05:47:16CSS3 Spinners & Loaders (Animations and Effects) <p><strong>A collection of CSS3 loaders & spinners, useful in many situations.</strong></p>
All of them hand-written in modern CSS3 <del>no gifs, no SMIL SVGs</del>. The animations are tied to a button or any other element. Colors & positioning are easily customized via CSS for each class/animation. The code has been heavily commented to help you customize it further, should you want it.
<p><strong> You also get a collection of 14 button styles! </strong></p>Odisseas_tag:codecanyon:Item/155711842016-03-30 09:00:052016-06-25 01:49:09Heed - Pure CSS3 Animation Effects (Animations and Effects) <h2 id="item-description__heed-is-made-of-pure-css3-animation-effects-which-help-you-to-get-user-attention">Heed is made of pure css3 animation effects which help you to get user attention to the specific icon for specific tasks. Because of css3 it provides you smooth and light weighted animation effects.
</h2><br />
<p><strong>Features
<ul>
<li>Super fast 2 step installation. <img src="/images/smileys/grin.png" alt=" :grin:" title=" :grin:" /></li><br />
<li>15 Effects are included. <img src="/images/smileys/grin.png" alt=" :grin:" title=" :grin:" /></li><br />
<li>20 Material Design Colors option added. <img src="/images/smileys/shocked.png" alt=" :shocked:" title=" :shocked:" /></li><br /><br />
<li>Can easily trigger when hover. <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /></li><br />
<li>Used with Font awesome icons <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /></li><br />
<li>Retina Friendly.</li><br /><br />
<li>No java script needed.</li><br />
<li>Easy to install and edit.</li><br />
<li>Can configure easily with scss.</li><br /><br />
<li>SCSS file included.</li><br />
<li>Help document included.</li><br />
<li>Free updates.</li><br />
<li>Friendly support.</li><br />
</ul></strong></p>
<p><strong>Reviews</strong>
<img src="https://3.bp.blogspot.com/-w7y3BGxteQI/Vv-D4oE8ihI/AAAAAAAAAEI/_l1G1gLhPs8UqOOtltMDDAMoppFLwKlBQ/s1600/awesome.jpg" alt="Heed - Pure CSS3 Animation Effects - 1" /></p>
<p><strong>AFTER PURCHASES, PLEASE GIVE REVIEW AND RATE IT – THANK YOU <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /> <br /><a href="https://codecanyon.net/downloads">
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="Heed - Pure CSS3 Animation Effects - 2" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="Heed - Pure CSS3 Animation Effects - 3" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="Heed - Pure CSS3 Animation Effects - 4" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="Heed - Pure CSS3 Animation Effects - 5" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="Heed - Pure CSS3 Animation Effects - 6" />
</a>
<pre>
Version 1.2 (24 June 2016)
- Three new animation effects added.
</pre>
<pre>
Version 1.1 (11 April 2016)
- Two new animation effects added.
- 20 Material Design Colors added.
</pre>
<pre>
Version 1.0 (30 March 2016)
- Initial Release
</pre></strong></p>fullstackdevtag:codecanyon:Item/152388792016-03-09 08:51:262016-03-09 08:51:26Image Hover CSS LIbrary (Animations and Effects) <h1 id="item-description__image-hover-css-libraryv1-0">Image Hover CSS Libraryv1.0</h1> <h2 id="item-description__a-scaleable-amp-light-image-hover-css-library">A Scaleable & Light Image Hover CSS Library</h2> <p>A lovingly crafted CSS library allowing you to easily implement scaleable image hover effects. 58 hover effect classes to choose from a CSS library weighing in at a minified size of only <b>28KB</b>. Each effect uses the same basic markup allowing you to change effect by simply editing the containing class.</p> <br /> <h2 id="item-description__basic-usage">Basic Usage</h2> <ol> <li><p>Include the imagehover.css stylesheet on your document’s <code><head></code></p> <pre><code><head>
<link rel="stylesheet" href="imagehover.min.css">
</head>
</code></pre> </li> <li><p>Place the following markup in to your HTML document</p> <pre><code><figure class="imghvr-fade">
<img src="#">
<figcaption>
// Hover Content
</figcaption>
</figure>
</code></pre> </li> <li><p>Edit the URL to your image and add your hover content. Then simply set the imagehover.css class of your choice to the containing figure element. In the example above this has been set to ‘imghvr-fade’. A full list of hover effects and their classes can be found below!.</p> </li> </ol> <br /> <h2 id="item-description__adding-a-link">Adding a Link</h2> <p>To link your image, add an empty <a> tag just after the figcaption element.</p> <pre><code><figure class="imghvr-fade">
<img src="#">
<figcaption>
// Hover Content
</figcaption>
<a href="http://www.imagehover.io"></a>
</figure>
</code></pre> <h2 id="item-description__background-color">Background Color</h2> <p>You can change the background color via some inline CSS added to the figure element like so…</p> <pre><code><figure class="imghvr-fade" style="background-color:#D14233;">
<img src="#">
<figcaption>
// Hover Content
</figcaption>
</figure>
</code></pre> <p>Alternatively this can be applied via your CSS files. The following example will effect all elements with a imagehover.css class applied.</p> <pre><code>*[class^='imghvr-'],
*[class*=' imghvr-'] {
background-color: #D14233;
}</code></pre> <h2 id="item-description__caption-background-color">Caption Background Color</h2> <p>In most cases you can change the caption background color via some inline CSS added to the figure element like so…</p> <pre><code><figure class="imghvr-fade">
<img src="#">
<figcaption style="background-color:#D14233;">
// Hover Content
</figcaption>
</figure>
</code></pre> <p>Alternatively this can be applied via your CSS files. The following example will effect all elements with a imagehover.css class applied.</p> <pre><code>*[class^='imghvr-'] figcaption,
*[class*=' imghvr-'] figcaption {
background-color: #D14233;
}
</code></pre> <h2 id="item-description__browser-support">Browser Support</h2> <p>Imagehover.css relies heavely on some CSS3 features inlcuding pseudo-elements, animations, transitions and transforms. Some older browsers will have limited support of these features. </p>ciarantag:codecanyon:Item/141374732015-12-22 06:06:482015-12-22 06:06:48Pure CSS 3D Cube Preloader Animations (Animations and Effects) <p>Easy to change colors, duration of animation and directions.
All codes and files are well organized.
Easy to understand and implement.
22 different styles included in package.
Smooth animation</p>herlentag:codecanyon:Item/138265652015-11-26 06:40:252016-04-16 05:41:3050+ Pure CSS3 Preloaders (Animations and Effects) Pure CSS3 preloaders with functionality to add “LOADING…” text below preloader. That is why it is a smoother, lightweight, faster and easy to use product which gives you nice and new kind of preloaders for your web page loading screen. <br /> <strong>It displays a loading animation until the browser fetched the whole web content of your web page.</strong>
<h2 id="item-description__"> </h2>
<p><img src="https://3.bp.blogspot.com/-QwSK7QvMqGc/Vp91Ot_LjgI/AAAAAAAAACY/AO0jBzJRCOE/s1600/pre9.png" alt="50+ Pure CSS3 Preloaders - 1" /></p>
<ul>
<li>Easy installation</li><br />
<li>Pure Css3 Preloaders</li><br />
<li>55 Preloaders </li><br /><br />
<li>Retina Friendly</li><br />
<li>Easy to edit</li><br />
<li>Help document included</li><br /><br />
<li>Free Updates</li><br />
<li>Friendly Support</li> <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /> <br />
</ul>
<p><strong>AFTER PURCHASES, PLEASE GIVE REVIEW AND RATE IT – THANK YOU <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /> <br /><a href="https://codecanyon.net/downloads">
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="50+ Pure CSS3 Preloaders - 2" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="50+ Pure CSS3 Preloaders - 3" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="50+ Pure CSS3 Preloaders - 4" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="50+ Pure CSS3 Preloaders - 5" />
<img src="https://3.bp.blogspot.com/-p7NCMNzNCzs/V7Zo72EczPI/AAAAAAAAAHk/wtmAU8Z49Mw41MoXXvnOt-d008T3MpW7ACLcB/s1600/star.png" alt="50+ Pure CSS3 Preloaders - 6" />
</a></strong></p>
<h3 id="item-description__"> </h3>
<h4 id="item-description__changelog">Changelog:</h4>
<pre>
Version 1.3 (16 April 2016)
1) Added a new Preloader
2) Improvement in documentation file help.html.
</pre>
<pre>
Version 1.2 (7 January 2016)
1) Added a functionality to include "Loading..." text below the preloader.
2) Improvement in Standard Preloaders - Pure CSS3 50 Preloaders \ css\ preloader.css file.
3) Improvement in documentation file help.html.
</pre>
<pre>
Version 1.1 (8 December 2015)
- Added Four Christmas special preloaders included.
</pre>
<pre>
Version 1.0 (26 November 2015)
- Initial Release
</pre>fullstackdevtag:codecanyon:Item/135786802015-11-25 08:06:202015-11-25 08:06:20CSS Bubbles and Tooltips (Animations and Effects) <p>Your attention is a selection CSS bubbles and CSS tooltips.Only CSS.It consists of a collection of bubbles – rectangular bubbles,clouds bubbles,heart bubbles.It consists of a collection of tooltips – position text tooltips,form tooltips,bar tooltip,button tooltip.</p>ukrop-studiotag:codecanyon:Item/127519372015-09-18 09:50:472015-09-18 09:50:47CSS Backgrounds (Animations and Effects) <p>Your attention is a collection of CSS backgrounds. Selection is made up of 51 different styles. All of these styles are created on pure CSS.</p>ukrop-studiotag:codecanyon:Item/126427042015-09-01 03:37:442016-10-25 03:06:03SolidEffects | CSS3 Image Hover Effects (Animations and Effects) <h3 id="item-description__-this-is-also-available-in-solidmenu-amp-web-elements-bundle"> This is also available in <a href="https://codecanyon.net/item/solidmenu-responsive-mega-menu/18456566"> SolidMenu+ & Web Elements Bundle </a></h3>
<h3 id="item-description__-the-most-unique-image-hover-effects-in-one-package"> “The Most Unique Image Hover Effects in One Package” </h3>
<h3 id="item-description__-no-javascript-pure-css3"><strong> No JavaScript! Pure CSS3! </strong></h3>
<h3 id="item-description__-reviews-and-comments"> Reviews and Comments </h3>
<p><strong> “Need a pure CSS hover effects on your images?” <br />
“Chances are these 150 Unique Hover Effects will provide you the solution” </strong></p>
<p><img src="http://i62.tinypic.com/2mclfs.jpg" alt="SolidEffects | CSS3 Image Hover Effects - 1" />
<img src="http://i59.tinypic.com/aysfvk.jpg" alt="SolidEffects | CSS3 Image Hover Effects - 2" /></p>
<h3 id="item-description__-description"> Description </h3>
<p> These sets of hover effects are created using only pure CSS3 properties. The simplistic HTML structures will
make the integration of these effects on your existing work to be easily implemented. </p>
<p> It is fully responsive and only uses pure CSS3 properties. Due to the limitation of old browser, some effects
will not work on them. </p>
<p>
Including also in the product are LESS files in order for easy customizations. </p>
<h4 id="item-description__-this-is-not-a-wordpress-plugin-my-friends"> This is not a WordPress plugin my friends </h4>
<h3 id="item-description__-unique-hover-effects"> Unique Hover Effects </h3>
<ul>
<li> 3D Block Effects </li>
<li> Shape Effects </li>
<li> 3D Peel Effects </li>
<li> Mosaic Effects </li>
<li> Slide Effects </li>
<li> Sweep Effects </li>
<li> Zoom Effects </li>
<li> Ripple Effects </li>
<li> Hinge Effects </li>
<li> Venetian Blind Effects</li>
<li> Fold Effects</li>
<li> Disintegrate Effects </li>
<li> Disperse Effects </li>
<li> Blur Effects </li>
<li> Saturate Effects </li>
</ul>
<h3 id="item-description__-change-log"> Change Log </h3>
<pre>
Upcoming Versions
- More Hover Effects (That is a promise)
Version 2.3 (9/28/2015)
- added 1 new 3D Block Effect
- updated documentation
Version 2.2 (9/27/2015)
- added 4 new Shape Effects
- updated documentation
Version 2.1 (9/23/2015)
- added 3 new Peel Effects
- fixes some overlay content spacing
- updated documentation
Version 2.0 (9/21/15)
- added 8 new Mosaic Effects
- redesigned overlay contents
- clean some css codes
- optimized css animations and its timing
- updated documentation
Version 1.50 (9/04/15)
- added 4 new Flip Effects (Diagonal)
- added 4 new Blur and 4 Saturate Effects
- updated documentation
Version 1.0 (9/01/15)
- initial release
</pre>peanutCodetag:codecanyon:Item/121720072015-08-04 08:30:512015-08-04 08:30:51CSS Separators and Ribbons (Animations and Effects) <p>We offer you a package of separators and ribbons. 30 types of separators and 15 ribbons can be used in various themes. All this is done on a pure CSS. All work is responsive.</p>ukrop-studiotag:codecanyon:Item/118467402015-06-18 11:04:182015-06-18 11:04:18tFigure2 - Image Captions (Animations and Effects) <p>Second part of small collection of 5 CSS animated Image Captions. <br />
This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!<br /><br /></p>
<p><strong>Advantages:</strong><br />
- Easy to install on any site.<br />
- Supports all versions of browsers.<br />
- Easily customize yourself.<br /><br /></p>
<p><strong>tFigure 1:</strong><a href="https://codecanyon.net/item/tfigure-image-captions/8370121">
<img src="https://docs.google.com/uc?authuser=0&export=download&id=0B8heYPo6AuQjX3VsM1c3UmVGR1U" alt="tFigure2 - Image Captions - 1" />
</a></p>
<p><a href="https://codecanyon.net/item/mmx-make-me-christmas/13618761">
<img src="http://bein.pp.ua/temp_files/img/MMX/ads.gif" alt="tFigure2 - Image Captions - 2" />
</a></p>mmetrodwtag:codecanyon:Item/106884062015-03-11 09:04:582015-03-11 09:04:58VSPreloader - Ultimate CSS Animated Preloaders (Animations and Effects) <p><a href="http://faq.vsart.me/index.php?action=show&cat=32" rel="nofollow"><img src="http://vs-art.me/themes/builder/presentation/faq.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 1" /></a>
<a href="http://support.vsart.me" rel="nofollow"><img src="http://vs-art.me/themes/builder/presentation/support.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 2" /></a>
<a href="https://codecanyon.net/user/vsart/follow"><img src="http://vs-art.me/themes/builder/presentation/follow.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 3" /></a></p>
<p><img src="http://vs-art.me/themes/preloader/presentation/1.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 4" />
<img src="http://vs-art.me/themes/preloader/presentation/2.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 5" />
<img src="http://vs-art.me/themes/preloader/presentation/3.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 6" />
<img src="http://vs-art.me/themes/preloader/presentation/4.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 7" />
<a href="https://www.youtube.com/watch?v=O4hZeQFuFgw" rel="nofollow"><img src="http://vs-art.me/themes/preloader/presentation/5.jpg" alt="VSPreloader - Ultimate CSS Animated Preloaders - 8" /></a></p>
<p><img src="http://themes.vsart.me/preloader/presentation/rate-us.jpg" alt="\\" /><br /><br />
<img src="http://themes.vsart.me/presentation/vspreloader/review/1.jpg" alt="\\" /><br /><br /></p>
<p>Presenting the VSPreloader – hugest CSS preloaders library on CodeCanyon. We wanted to make the web smoother, that’s why we’ve created VSPreloader.</p>
<h2 id="item-description__what-s-included">What’s included:</h2>
<ul>
<li>30 elements.</li>
<li>40 presets.</li>
<li>60 helpers.</li>
</ul>
<h2 id="item-description__we-ve-used-less-as-css-pre-processor">We’ve used Less as CSS pre-processor</h2>
<ul>
<li>Smart file structure.</li>
<li>Configurable variables..</li>
<li>Handy mixins.</li>
<li>Unlimited colors</li>
</ul>
<h2 id="item-description__interactive-documentation">Interactive documentation</h2>
<p>We’ve written an incredibly detailed documentation, in addition to the commented code.</p>vsarttag:codecanyon:Item/100113362015-01-14 09:59:442015-01-14 09:59:44Stylish Social Media Animated Icons Style (Animations and Effects) <h3 id="item-description__features">Features</h3>
<ul>
<li><strong>Clean consistent form UI design </strong> </li>
<li><strong>Flexible and responsive</strong> </li>
<li><strong>Pure HTML5 + CSS3 (No images, no icon dependancy) </strong></li>
<li><strong>Cross-Browser IE8+, Firefox, Safari, Chrome </strong></li>
<li><strong>Easy to implement, customize and style</strong></li>
<li><strong>Well coded and documented</strong></li>
<li><strong>Vector Font Awesome Icons </strong></li>
<li><strong>Google web fonts</strong></li>
<li><strong>Beautiful 9 styles </strong></li>
</ul>pyachaltag:codecanyon:Item/95024082014-11-15 02:50:582014-11-15 02:50:58Pure CSS3 Loader Animations (Animations and Effects) <p>This is a kit of Pure CSS3 Loader Animations. These 15+ CSS3 animation effects are compatible with all major browsers:
IE10+, Firefox, Chrome, Safari, Opera…</p>
<p>The kit is very easy to use, you only need to add the style sheet to your page and add a simple html code to display your preferred CSS3 Loading animation!</p>
<p>You have choice between various Loader Effects. You can also change the CSS3 file to customize the effects, like the colors, animation speed…</p>ybouanetag:codecanyon:Item/93839982014-11-14 04:11:172014-11-14 04:11:17SVG Logo Scroll Animation | CSS3 and Javascript (Animations and Effects) <h2 id="item-description__svg-logo-scroll-animation-css3-and-javascript">SVG Logo Scroll Animation | CSS3 and Javascript </h2>
Scroll page to animate
This plug-in is a quick and easy way to add super small (<4k) SVG animations to your website.
Add interest and captivate your audience by revealing your logo, product or anything else to your website by dropping in an SVG generated file using Adobe Illustrator or <a href="https://inkscape.org/en/" rel="nofollow">Inkscape</a>.
<h2 id="item-description__">
<img src="http://visualstudiogroup.com/scrollAnimate/posting/preview3.jpg" alt="SVG Logo Scroll Animation | CSS3 and Javascript - 1" />
</h2>
<h2 id="item-description__">
<img src="http://visualstudiogroup.com/scrollAnimate/posting/preview1.jpg" alt="SVG Logo Scroll Animation | CSS3 and Javascript - 2" />
</h2>
<h2 id="item-description__">
<img src="http://visualstudiogroup.com/scrollAnimate/posting/preview2.jpg" alt="SVG Logo Scroll Animation | CSS3 and Javascript - 3" />
</h2>
This plugin is split into sections so all you need to do is add some content to the “Main” section and then add as many sections after the animations as you like. This plug-in also comes with a Contact Us form.jnapadowtag:codecanyon:Item/93393992014-11-06 03:17:052014-11-06 03:17:05Pure CSS Cloud Bubble Tooltip (Animations and Effects) <p>Cloud bubble is pure CSS tool tip, that appear with beautiful transition from any element. Add comments, alerts, buttons, forms, images, notes and tips everywhere, wrapped in elegant cloud bubble.</p>
<h3 id="item-description__comptible-browsers">Comptible Browsers:</h3>
<p>
IE9 (No transition), IE10, IE11, Chrome, Firefox, Safari, Opera.</p>
<h3 id="item-description__features">Features:</h3>
<ul>
<li>
Pure CSS</li>
<li>Smooth transitions</li>
<li>
Easy to use</li>
<li>
2 different clouds</li>
<li>
3 sizes</li>
<li>
Well documented</li>
<li>
Easy to add your custom styles</li>
</ul>
<a href="https://codecanyon.net/downloads#item-9339399">Don`t forget to rate <img src="/images/smileys/happy.png" alt=" :)" title=" :)" /></a>onwaytag:codecanyon:Item/93473442014-11-06 03:04:582015-02-11 05:09:22CSS3 Hover Effects (Animations and Effects) <h2 id="item-description__css3-hover-effects-with-the-ability-to-change-color">CSS3 hover effects with the ability to change color</h2>
It’s features are listed bellow.
<ul>
<li>Full responsive.</li>
<li>Easy to use.</li>
<li>No Javascript.</li>
<li>Compatible for all major browsers.</li>
<li>Easy change of color</li>
<li>Easy change of size border</li>
<li>Easy change from circle to square</li>
<li>Easy change spacing between text block</li>
<li>Easy change width block</li>
<li>Almost fully CSS customizable.</li>
<li>479 retina icons</li>
<li>Easy to use social icons</li>
<li>20 effects</li>
</ul>
<h5 id="item-description__see-video-updates-amp-changelog-v1-3-2015-02-10-easy-change-width-block"><a href="https://www.youtube.com/watch?v=FH-hlMZIgio" rel="nofollow">See video</a><h5 id="item-description__-updates-amp-changelog-v1-3-2015-02-10-easy-change-width-block-easy">
<h2 id="item-description__updates-amp-changelog">Updates & Changelog</h2>
<pre>v1.3 (2015-02-10)
# easy change width block
# easy change spacing between text block
</pre>
<pre>v1.2 (2014-12-11)
# possibility to change size border
# possibility to change easy from circle to square
</pre>
<pre>v1.1 (2014-11-10)
# added 479 retina icons
</pre>
<pre>v1.0 (2014-11-06)
# first release
</pre>
</h5></h5><p><img src="http://i1373.photobucket.com/albums/ag387/Mykola_Ostafiychuk/rate_zpsb85f8ede.png?t=1415638154" alt="CSS3 Hover Effects - 1" /></p>MykolaOstafiychuktag:codecanyon:Item/87698952014-09-05 04:10:492014-10-10 10:28:59Animated Loaders Themed KIT (Update) (Animations and Effects) <p>Small collection of 8 CSS-only animated loaders. <br />
This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!<br />
Advantages:<br />
- Easy to install on any site.<br />
- Supports all latest versions of browsers.<br />
- Easily customize yourself.<br />
- Responsive design.<br />
- Progressbar
- Animation was created exclusively on one css, without using images, which reduces the load on the site and saves the user’s traffic.</p>
<strong>Update</strong> (09/10/14)<br />
-add 3 new loadersmmetrodwtag:codecanyon:Item/84958662014-08-08 01:06:192017-12-20 04:19:36Collection of Preloaders (Animations and Effects) <p>Collection of preloaders is a set of modern CSS3 animations that can you make awesome preloaders for your projects. The plugin is based on CSS transformations therefore the animation smooth and clean. It works on all modern devices such as cellphones, laptops, tablets and desktops.</p>
<p>You have to know the basic of CSS only to customize the plugin. It works right in browsers without any difficulties. Include the two files and it works. Also I wrote the guide that helps you to customize plugin for your tasks.</p>
<p>Also I’ll help you, if you have any problems. You can get in touch with me using my email.</p>melnik9099tag:codecanyon:Item/83701212014-07-26 16:40:512014-07-26 16:40:51tFigure - Image Captions (Animations and Effects) <p>Small collection of 5 CSS-only animated Image Captions. <br />
This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!<br /><br />
<strong>Advantages:</strong><br />
- Easy to install on any site.<br />
- Supports all versions of browsers.<br />
- Easily customize yourself.<br /></p>
<p><strong>tFigure 2:</strong><br />
<a href="https://codecanyon.net/item/tfigure2-image-captions/11846740">
<img src="https://docs.google.com/uc?authuser=0&export=download&id=0B8heYPo6AuQjb3puYXhVclNKNmc" alt="tFigure - Image Captions - 1" />
</a>
<a href="https://codecanyon.net/item/mmx-make-me-christmas/13618761">
<img src="http://bein.pp.ua/temp_files/img/MMX/ads.gif" alt="tFigure - Image Captions - 2" />
</a></p>mmetrodwtag:codecanyon:Item/82427082014-07-15 16:21:272014-07-15 16:21:27Animated Loaders KIT (Animations and Effects) <p>Small collection of 10 CSS-only animated loaders.<br />
This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!<br />
<strong>Advantages:</strong><br />
- Easy to install on any site.<br />
- Supports all latest versions of browsers.<br />
- Easily customize yourself.<br />
- Responsive design.<br />
- Animation was created exclusively on one css, without using images, which reduces the load on the site and saves the user’s traffic.</p>
<p><a href="https://codecanyon.net/item/mmx-make-me-christmas/13618761">
<img src="http://bein.pp.ua/temp_files/img/MMX/ads.gif" alt="Animated Loaders KIT - 1" />
</a></p>mmetrodwtag:codecanyon:Item/72060612014-03-19 12:34:372021-08-23 18:22:33Social Mosaic Wall [ 2021 Edition ] (Animations and Effects) <p><strong>Video presentation:</strong><br />
<a href="https://www.youtube.com/watch?v=1_Tq-n2tEbM" rel="nofollow">https://www.youtube.com/watch?v=1_Tq-n2tEbM</a></p>
<p>Build your own mosaic grid with your social media staff and more…</p>
<p><strong>Key features:</strong>
</p><ul>
<li> <strong> Only HTML and CSS – easily editable (no javascript).</strong></li>
<li>Unique and beautiful design.</li>
<li>28 Social icons includes.</li>
<li>1 x PSD file with social icons (so you can create new).</li>
<li>Set how many tiles you want eg. 4×3 or 100×300 or …..</li>
<li>Put whatever you want into any tile: social icons, text (as long as you want) and graphics, video and animation.</li>
<li>Adjust the size of tiles (mosaic brick).</li>
<li>Use any image as a background of your mosaic grid.</li>
<li>Put as many mosaic grids as you want on your website.</li>
<li>Mosaic grid can be built from tiles of different dimensions (bigger/smaller).
</li>
<li>All browsers support.</li>
<li>Tile can be extrernal link with your graphic.</li>
</ul>
<p><img src="http://www.invedion.com/envato/pd_3u.jpg" alt="Social Mosaic Wall [ 2021 Edition ] - 1" />
<img src="http://www.invedion.com/envato/pd_4u.jpg" alt="Social Mosaic Wall [ 2021 Edition ] - 2" /></p>
<p><strong>Sample client reviews about our products:</strong><br /><br />
<img src="http://www.invedion.com/envato/invedion_client_comments_reviews.png" alt="Social Mosaic Wall [ 2021 Edition ] - 3" /></p>INVEDIONtag:codecanyon:Item/71739372014-03-17 12:09:182014-06-22 22:17:14 Original Hover Effects (Animations and Effects) <h2 id="item-description__effects">Effects</h2>
Pure CSS<br />
Without JavaScript or jQuery<br />
Easy to use and customize<br />
Zoom In / Zoom Out<br />
Rotate Right / Left<br />
Rotate / Scale<br />
Rotate X / Rotate Y / Rotate Z<br />
Image Opacity<br />
Layer Hover<br />
Transition<br />
Support responsive Videos<br /><br />
<h2 id="item-description__-browsers"> Browsers </h2>
Firefox<br />
Chrome<br />
Safari<br />
Opera<br />
IE10+<br />
<h3 id="item-description__changelog">Changelog</h3>
<pre>23.06.14 – v1.0
- Support responsive Videos
</pre>
<br /><br />
If you like it,don’t forget to rate it <img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt=" Original Hover Effects - 1" /><img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt=" Original Hover Effects - 2" /><img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt=" Original Hover Effects - 3" /><img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt=" Original Hover Effects - 4" /><img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt=" Original Hover Effects - 5" /><br /><br />
<a href="http://info.flagcounter.com/xQLb" rel="nofollow"><img src="http://s10.flagcounter.com/mini/xQLb/bg_FFFFFF/txt_000000/border_CCCCCC/flags_0/" alt="Flag Counter" /></a>timtungtag:codecanyon:Item/70671922014-03-09 19:29:152014-03-10 15:53:44Portfolio Wall | html - css (Animations and Effects) <p>Portfolio Wall | HTML – CSS plugin which could be used to create wall of your works or clients or team or any thing other as you want, with an awesome 3d hover effect …</p>
<h2 id="item-description__-feateures"> Feateures </h2>
<ul>
<li>
Choose from
<strong>( 2 – 3 – 4 )</strong>
columns.
</li>
<li>
<strong>Responsive layout</strong>
</li>
<li>
<strong>3D</strong>
hover effect
</li>
<li>
<strong>PrettyPhoto</strong>
lightbox
</li>
</ul>
<h2 id="item-description__-sources-amp-credits"> Sources & Credits</h2>
<p>Special thanks to :</p>
<p>Images: <a href="http://unsplash.com/" rel="nofollow">http://unsplash.com/</a></p>
<p>prettyphoto <a href="http://www.no-margin-for-errors.com/" rel="nofollow">http://www.no-margin-for-errors.com/</a></p>
<p>The images not included in the download package.</p>
<p><strong>Note..!!</strong> PrettyPhoto not included it is just to know some of what you can do by this Code.</p>AmrMeRotag:codecanyon:Item/68961272014-02-18 19:42:182014-07-07 20:05:20Pure CSS3 Gallery (Animations and Effects) <h5 id="item-description__pure-css3-tabs-is-a-quick-and-easy-solution-for-css-only-image-galleries">Pure CSS3 Tabs is a quick and easy solution for CSS-only image galleries</h5>
<h3 id="item-description__features">Features</h3>
<ul>
<li><strong>4 Thumbnail Positions</strong></li>
<li><strong>Responsive </strong></li>
<li><strong>Shadow FX</strong></li>
<li><strong>CSS Animations</strong></li>
<li>Choose your Default Open Photo</li>
<li>Works on all major browsers</li>
<li>pdf instructions included</li>
<li>Support available through my profile page
</li></ul>
<h3 id="item-description__check-out-css-accordion-and-circular-css-tabs-too">Check out CSS Accordion and Circular CSS Tabs too!</h3>
<a href="https://codecanyon.net/item/pure-css3-accordion/6513680"><img src="http://1.s3.envato.com/files/77181853/promo_accordion.jpg" alt="Pure CSS3 Gallery - 1" /></a><br />
<a href="https://codecanyon.net/item/circular-css-tabs/6573177"><img src="http://3.s3.envato.com/files/77868309/promo_circletabs.jpg" alt="Pure CSS3 Gallery - 2" /></a>
<p>Note: Images in the demo courtesy of <a href="http://lorempixel.com" rel="nofollow">Lorem Pixel</a> are not included.</p>luca8linktag:codecanyon:Item/68137172014-02-10 01:00:382014-02-10 01:00:38Pure CSS3 Captions (Animations and Effects) <h3 id="item-description__a-collection-of-10-different-caption-styles-for-your-images">A collection of 10 different caption styles for your images</h3>
<ul>
<li>bottom-blur</li>
<li>all-black</li>
<li>circle-center</li>
<li>flip</li>
<li>rotate</li>
<li>swap-top</li>
<li>swap-right</li>
<li>swap-bottom</li>
<li>swap-left</li>
<li>big-circle</li>
</ul>
<h3 id="item-description__features">Features</h3>
<ul>
<li>CSS 3</li>
<li>HTML 5</li>
<li>Fit to any image width</li>
<li>Social sharing options included</li>
<li>Uses Free fonts</li>
<li>Work with any modern browser</li>
<li>Pdf instructions included</li>
</ul>
Check out both the demo URL and the video preview!
<p>Note: Images in the demo courtesy of <a href="http://lorempixel.com" rel="nofollow">Lorem Pixel</a> are not included.</p>luca8linktag:codecanyon:Item/67909142014-02-06 14:46:512014-02-06 14:46:51Radio Star 2 – Pure css3 radio and checkbox theme (Animations and Effects) <p>Don’t you hate the same old boring radio and checkbox buttons? Radio Star 2 is anther one of my re-imagined pure css3 styled radio and checkbox themes. This theme has 9 beautiful squares that are colored Red, Yellow and Green that appear once a radio or checkbox is active.</p>
<ul>
<li>Animated on click</li>
<li>CSS3 Gradients</li>
<li>Easy to modify</li>
</ul>Thorndytag:codecanyon:Item/67704172014-02-04 13:20:432014-02-07 14:09:42Radio Star - Pure css3 radio and checkbox theme (Animations and Effects) <p>Don’t you hate the same old boring radio and checkbox buttons? Radio Star is a re-imagined pure css3 styled radio and checkbox theme.</p>
<ul>
<li>Animated on click</li>
<li>CSS3 Gradients</li>
<li>Easy to modify</li>
</ul>Thorndytag:codecanyon:Item/65717352014-01-12 13:06:002014-01-12 13:06:00Heading Style Pack - Vol. 2 (Animations and Effects) <p>The second collection of ready-to-go styles for your text and headings.</p>
<h3 id="item-description__features">Features</h3>
<ul>
<li>6 text styles, including:
<ul>
<li>Shadowed</li>
<li>Lighted</li>
<li>Light & Blur</li>
<li>Cloudy</li>
<li>Retro Style</li>
<li>Double Stroke</li>
</ul>
</li>
<li>Uses Google Fonts</li>
</ul>luca8linktag:codecanyon:Item/58113272013-10-09 15:15:372014-06-12 17:00:50Image Hover Effects (Animations and Effects) <p>A collection of beautiful, pure CSS effects that will help you giving a special touch to your photos in few seconds.</p>
<h3 id="item-description__features">Features</h3>
<ul>
<li>13 different effects, 2 different thumbnail ratios (rectangle and square)
<ul>
<li>zoom-in</li>
<li> zoom-out</li>
<li> rotate</li>
<li>move-x</li>
<li>move-y</li>
<li>round</li>
<li>focus</li>
<li>sepia</li>
<li>blackwhite</li>
<li>brightened</li>
<li>saturated</li>
<li>inverted</li>
<li>blurred
</li>
</ul>
</li>
<li>Work in all major browsers*</li>
</ul>
<p><strong>Note: Some webkit effects (sepia, blur, invert, saturation) work on webkit browsers only.</strong></p>
<p><a href="http://youtu.be/Hf4OQSDKWbQ" rel="nofollow">
<strong>
Check out the video preview</strong>
</a></p>
<code>Updated with bug fixes and cross-browser compatibility improvements</code>luca8linktag:codecanyon:Item/57419172013-10-02 13:52:232018-09-08 18:05:403D Text Effect - CSS3 (Animations and Effects) <h2 id="item-description__3d-text-effect-css3">3D Text Effect – CSS3</h2>
Making such effect in CSS was never as simple as this. just write a class of the required effect to the text… That’s it!<br />
<strong>Features:</strong>
<ul>
<li>Drop the shadow right or left</li>
<li>4 class are available according to the font size (<strong>200px</strong>, <strong>150px</strong>, <strong>100px</strong>, <strong>50px</strong>)</li>
</ul>
<strong>How it works?</strong><br /><br />
<a href="http://youtu.be/zAiW0T4SkKs" rel="nofollow"><img src="http://html5interactivemaps.com/envato/css-youtube.png" alt="youtube - CSS3 3D Text Effect" /></a>
<p><img src="http://html5interactivemaps.com/envato/jan2014/line.png" alt="3D Text Effect - CSS3 - 1" />
</p><h2 id="item-description__other-interesting-items">Other interesting Items</h2>
<h3 id="item-description__interactive-world-maps">Interactive World Maps</h3>
<a href="http://www.html5interactivemaps.com/interactive-drill-down-world-map.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/world-drilldown-map.png" alt="Interactive Drilldown World Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-world-map-by-countries.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/world-map-by-countries.png" alt="Interactive World Map by Countries" /></a>
<a href="http://www.html5interactivemaps.com/interactive-world-map.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/world-map-by-continents.png" alt="Interactive World Map by Continents" /></a>
<h3 id="item-description__interactive-continent-maps">Interactive Continent Maps</h3>
<a href="http://www.html5interactivemaps.com/interactive-map-of-africa.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/africa-map.png" alt="Interactive Africa Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-asia.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/asia-map.png" alt="Interactive Asia Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-australia.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/australia-map.png" alt="Interactive Australia Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-europe.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/europe-map.png" alt="Interactive Europe Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-north-america.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/north-america-map.png" alt="Interactive North America Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-north-america-detailed.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/north-america-plus-map.png" alt="Interactive North America - Detailed Map" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-south-america.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/south-america-map.png" alt="Interactive South America Map" /></a>
<h3 id="item-description__interactive-us-maps">Interactive US Maps</h3>
<a href="http://www.wpmapplugins.com/interactive-us-map-wordpress-plugin.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/us-wp-map.png" alt="Interactive US Map - WordPress Plugin" /></a>
<a href="http://www.html5interactivemaps.com/interactive-usa-map.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/us-pins-map.png" alt="Interactive USA Map - HTML5" /></a>
<a href="http://www.html5interactivemaps.com/interactive-us-drill-down-map.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/us-drilldown-map.png" alt="Interactive US Drill Down Map" /></a>
<a href="http://www.html5interactivemaps.com/us-state-maps/individual-us-state-maps-bundle.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/us-individual-states.png" alt="50 Individual US State Maps" /></a>
<h3 id="item-description__interactive-country-maps">Interactive Country Maps</h3>
<a href="http://www.html5interactivemaps.com/interactive-map-of-australia.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/australia.png" alt="Interactive Map of Australia" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-brazil.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/brazil.png" alt="Interactive Map of Brazil" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-canada.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/canada.png" alt="Interactive Map of Canada" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-caribbean.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/caribbean.png" alt="Interactive Map of Caribbean" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-china.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/china.png" alt="Interactive Map of China" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-france.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/france.png" alt="Interactive Map of France" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-germany.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/germany.png" alt="Interactive Map of Germany" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-india.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/india.png" alt="Interactive Map of India" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-italy.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/italy.png" alt="Interactive Map of Italy" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-japan.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/japan.png" alt="Interactive Map of Japan" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-netherlands.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/netherlands.png" alt="Interactive Map of Netherlands" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-romania.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/romania.png" alt="Interactive Map of Romania" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-russia.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/russia.png" alt="Interactive Map of Russia" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-spain.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/spain.png" alt="Interactive Map of Spain" /></a>
<a href="http://www.html5interactivemaps.com/interactive-map-of-turkey.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/turkey.png" alt="Interactive Map of Turkey" /></a>
<a href="http://www.html5interactivemaps.com/interactive-uk-map.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/uk.png" alt="Interactive Map of UK" /></a>
<a href="http://www.html5interactivemaps.com/interactive-usa-map.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/us.png" alt="Interactive Map of US" /></a>
<h3 id="item-description__individual-us-state-maps-by-counties">Individual US State Maps by Counties</h3>
<a href="http://www.html5interactivemaps.com/us-state-maps/individual-us-state-maps-bundle.html" rel="nofollow"><img src="http://www.html5interactivemaps.com/envato/jan2017/50-states.png" alt="Interactive 50 Individual US State Maps" /></a>
<h3 id="item-description__recommended-graphic-items">Recommended Graphic Items</h3>
<a href="https://graphicriver.net/item/male-tshirt-mockup/2382400"><img src="http://html5interactivemaps.com/envato/jan2014/male150.png" alt="Man T-Shirt Mockup" /></a> <a href="https://graphicriver.net/item/female-tshirt-mockup/2415068"><img src="http://html5interactivemaps.com/envato/jan2014/female150.png" alt="Female T-Shirt Mockup" /></a> <a href="https://graphicriver.net/item/kids-tshirts-mockups/3031380"><img src="http://html5interactivemaps.com/envato/jan2014/kids150.png" alt="Kids T-Shirt Mockup" /></a> <a href="https://graphicriver.net/item/man-hoodie-mockup/3072171"><img src="http://html5interactivemaps.com/envato/jan2014/hoodie150.png" alt="Man Hoodie Mockup" /></a>
<img src="http://html5interactivemaps.com/envato/jan2014/line.png" alt="3D Text Effect - CSS3 - 2" />
<a href="https://graphicriver.net/item/social-media-icons/3166966"><img src="http://html5interactivemaps.com/envato/jan2014/social-color614-2.png" alt="PNG Social Media Icons Pack" /></a>
<img src="http://html5interactivemaps.com/envato/jan2014/line.png" alt="3D Text Effect - CSS3 - 3" />
<a href="https://graphicriver.net/item/photo-to-text/2949024"><img src="http://html5interactivemaps.com/envato/jan2014/119-photo-text.png" alt="Photo to Text Converter" /></a> <a href="https://graphicriver.net/item/254-flags-of-the-world/180180"><img src="http://html5interactivemaps.com/envato/jan2014/119-flags.png" alt="Flags of the World" /></a> <a href="https://graphicriver.net/item/beer-bottle-mockups-v10/3421705"><img src="http://html5interactivemaps.com/envato/jan2014/119-beer.png" alt="Beer Bottle Mockup" /></a> <a href="https://graphicriver.net/item/milkjuice-carton-mockup/3115901"><img src="http://html5interactivemaps.com/envato/jan2014/119-milk.png" alt="Milk and Juice Tetra-Pack Mockup" /></a> <a href="https://graphicriver.net/item/customizable-curtain/3254030"><img src="http://html5interactivemaps.com/envato/jan2014/119-curtain.png" alt="Theater Curtain Mockup" /></a>
<a href="https://graphicriver.net/item/cosmetic-products-mockups/3298127"><img src="http://html5interactivemaps.com/envato/jan2014/119-cosmetic.png" alt="Cosmotic Products Mockup" /></a> <a href="https://graphicriver.net/item/usa-vector-map/4056193"><img src="http://html5interactivemaps.com/envato/jan2014/119-usa.png" alt="US Vector Map" /></a> <a href="https://graphicriver.net/item/united-states-vector-maps-pack-i/4416773"><img src="http://html5interactivemaps.com/envato/jan2014/119-states1.png" alt="United States Vector Maps First Bundle" /></a> <a href="https://graphicriver.net/item/united-states-vector-maps-pack-ii/4475613"><img src="http://html5interactivemaps.com/envato/jan2014/119-states2.png" alt="United States Vector Maps Second Bundle" /></a>
<h4 id="item-description__other-items-we-recommend-available-on-graphicriver">Other items we recommend – Available on GraphicRiver</h4>
<a href="https://graphicriver.net/item/social-media-icons/3166966"><img src="https://www.html5interactivemaps.com/assets/images/envato/sale-link.png" alt="3D Text Effect - CSS3 - 4" /></a>Art101tag:codecanyon:Item/57131402013-09-29 03:31:102013-09-29 03:31:10CSS3 Product-Folio with Image Mapping (Animations and Effects) <p>CSS3 Product-Folio is a clean and elegant way to highlight your products. It comes with seven different showcase effects and image mapping option together with two color schemes – light and dark.</p>
<h3 id="item-description__features">Features</h3>
<ul>
<li>Smooth CSS3 Effects</li>
<li>Clean Code</li>
<li>Well Documented</li>
<li>Two Coloe Schemes – Light and Dark</li>
<li>Four-Direction Pop-ups for Image Mapping</li>
<li>Five Icons for Image Mapping Selection</li>
<li>Seven Different Transitions for Product Showcase</li>
</ul>
<h3 id="item-description__compatible-browsers">Compatible Browsers</h3>
<ul>
<li>Internet Explorer 9+</li>
<li>Firefox</li>
<li>Safari</li>
<li>Opera</li>
<li>Chrome</li>
<p><br /><br />
<strong>If you like this, please rate… </strong>
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" /></p></ul>MaheshSamudratag:codecanyon:Item/56672302013-09-23 12:16:332013-09-23 12:16:33CSS3 Member Profiles with Animated Progress Bars (Animations and Effects) <p><br />
CSS3 Profiles is a clean and elegant way to highlight your team members. It comes with twelve different effects and nine different color schemes. All the effects are completely created with CSS3 and there are no images used for the animations.</p>
<h3 id="item-description__features">Features</h3>
<ul>
<li>Twelve Styles</li>
<li>Nine Color Schemes – Blue, Red, Orange, Green, Pink, Purple, Brown, Black/White and Violet</li>
<li>Progress Bars Included – with hover effect / media querries</li>
<li>Seven Social Icons Included</li>
<li>Only CSS3 – No Javascripts involved</li>
<li>Works in all browsers which supports CSS3</li>
<li>Google Fonts Enabled</li>
</ul>
<h3 id="item-description__compatible-browsers">Compatible Browsers</h3>
<ul>
<li>Internet Explorer 9+</li>
<li>Firefox</li>
<li>Safari</li>
<li>Opera</li>
<li>Chrome</li>
<p><br /><br />
<strong>If you like this, please rate… </strong>
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" />
<img src="http://2.envato-static.com/assets/common/icons-buttons/rating/star-on-24a8d2589eca9f34bc2ff72a59bd9af7.png" alt="Rate Me" /></p></ul>MaheshSamudratag:codecanyon:Item/55191292013-09-04 12:28:282013-09-13 12:34:28CSS3 - ZSquare Animated Web Profile (Animations and Effects) <p>An animated web profile with smooth animations to showcase yourself on the web, developed only with CSS2, CSS3 & HTML (No Java Script!).</p>
<p>This package is pre-designed for photographer profile, it can be used for web designers, web developers or any other services.</p>
<p><strong>Features:</strong></p>
<p>• Profile Image
• About me
• Services
• Gallery
• Contact me (with contact form & Google map)</p>
<p>Please note that IE doesn’t support some CSS3 attributes.</p>zcubesolutionstag:codecanyon:Item/53844402013-08-15 14:13:112015-09-28 03:51:28Advanced CSS3 Hover Effects 5 w/ Banners (Animations and Effects) <p>More Advance Hover Effects with new hover effects using CSS3 keyframes, filters, transitions, transition and animation delays to help with a timing structure. The images that are used are sprite images. Very easy to use and ready to go. There is no JavaScript and JQuery in the code only CSS3 and HTML.</p>
<p>As a note: These work in most updated browsers and can not guarantee that it works for IE8 and IE7.</p>fladhammertag:codecanyon:Item/52814462013-07-31 12:41:042013-07-31 12:41:04CSS3 Interactive TV Image Slider (Animations and Effects) <p>An interactive image slider which is designed in the shape of Tv and its basic functionality.</p>
<p>Clicking on the power button will activate the slider and the controls gets displayed though which you can navigate to next or previous images. Once powered off the slider turns off. Each image has its individual single line comment with option of linking to another webpage.</p>
<p>Note: The images which shown on the demo are not available with this package, those images on demo are used for visual purpose only.</p>
<p>Please note that IE doesn’t support some CSS3 attributes.</p>zcubesolutionstag:codecanyon:Item/50686382013-06-29 17:18:522013-06-29 17:18:52CSS3 Smart Filter (Animations and Effects) <p>CSS3 Smart Filter is a clever pure CSS solution to Content filtering and sorting without relying on any javascript! It is great for sorting and filtering portfolio items by categories, images in a gallery as well as any HTML content categorized in groups that may require any form of sorting.</p>
<h3 id="item-description__keep-in-touch-don-t-miss-an-update">Keep in Touch! Don’t Miss an Update!</h3>
<a href="https://twitter.com/elflaire" rel="nofollow"><img src="http://doptiq.com/env/assets/twitter.png" alt="CSS3 Smart Filter - 1" /></a>
<a href="https://codecanyon.net/user/elflaire"><img src="http://doptiq.com/env/assets/envato.png" alt="CSS3 Smart Filter - 2" /></a>
<h3 id="item-description__features">Features</h3>
<ul>
<li><strong>Responsive CSS Grid Gallery – With Captions </strong> </li>
<li><strong>Pure CSS3 No Javascript</strong></li>
<li><strong>Filer Any HTML Content</strong></li>
<li><strong>Smooth CSS3 Animations + Transitions </strong></li>
<li><strong>Unlimited Filter Categories </strong></li>
<li><strong>Select Any Filter Category By Default</strong></li>
<li><strong>Touch Screen – Default Hidden Caption Support </strong></li>
<li><strong>Rounded Bubbles Included </strong></li>
<li><strong>Cross Browser Support </strong></li>
<li><strong>Well Coded and Documented</strong></li>
</ul>
<p><a href="http://info.flagcounter.com/KvB9" rel="nofollow"><img src="http://s10.flagcounter.com/mini/KvB9/bg_D2D1D0/txt_000000/border_D2D1D0/flags_0/" alt="Flag Counter" /></a></p>elflairetag:codecanyon:Item/48847872013-06-06 17:11:322014-01-10 22:53:01CSS3 Image - Text Hover Effects (Animations and Effects) <h3 id="item-description__features">Features:</h3>
8 Standard Background Animations.<br />
Multiple Background Animation in 1 Hover.<br />
More than 15 Background Combinations.<br />
14 Text Effects.<br />
2 Background colors. (Light and Dark).<br />
Full explanation on purchase<br />
8 Box Sizes:
<ul>
<li> – Vertical SmallBorder</li>
<li> – Vertical NoBorder</li>
<li> – Horizontal Bigsquare SmallBorder</li>
<li> – Horizontal Bigsquare NoBorder</li>
<li> – Horizontal Smallsquare SmallBorder (Thumbnails)</li>
<li> – Horizontal Smallsquare NoBorder (Thumbnails)</li>
<li> – Horizontal Full SmallBorder (Full Width)</li>
<li> – Horizontal Full NoBorder (Full Width)</li>
</ul>
You can see all the 8 box Sizes in the video.
<h3 id="item-description__background-animation">Background Animation</h3>
<p>We got 8 different background animations. But you can use more than 1 animation at the same time.<br />
And you can also choose 1 of the 14 text effects.<br />
<strong>You control your hovers.</strong></p>
<h3 id="item-description__browsers">Browsers</h3>
<p>Chrome<br />
Firefox<br />
Safari<br />
Opera<br />
IE7 (Note: Animations will not work in IE7)<br />
IE8 (Note: Animations will not work in IE8)<br />
IE9 (Note: Animations will not work in IE9)<br />
IE10<br />
IE11<br />
Mobile <br />
Tablet.</p>
<h3 id="item-description__ie7">IE7</h3>
<p>We have create a special css file for IE7. To use that Copy the following code into your Head Tag under the other hover.css (!important):<br /></p>
<p><strong><!—[if lt IE 8]><br />
<link href=”css/ie7_hover.css” rel=”stylesheet” type=”text/css”><br />
<![endif]—></strong></p>
<h3 id="item-description__javascript">Javascript</h3>
<p>There is 1 Javascript file included for <strong>IE7</strong> and <strong>IE8</strong>. Place that JS file in your head tag.</p>
<h3 id="item-description__photos">Photos</h3>
<p><strong>Note that the images are not included when you buy the files.</strong></p>
<p><a href="http://flic.kr/p/ctpv11" rel="nofollow">Drops On Bright Orange Flower</a><br />
<a href="http://flic.kr/p/bttVmz" rel="nofollow">The Drongo Love</a><br />
<a href="http://flic.kr/p/8Rf9eM" rel="nofollow">Sunfall</a><br />
<a href="http://flic.kr/p/FCB3A" rel="nofollow">Cherry Blossoms</a><br />
<a href="http://flic.kr/p/aKwvA6" rel="nofollow">Piano strings</a><br />
<a href="http://flic.kr/p/5ZoJTE" rel="nofollow">Fujifilm Velvia</a><br />
<a href="http://flic.kr/p/eACMW" rel="nofollow">Bubbles</a><br />
<a href="http://flic.kr/p/eACMW" rel="nofollow">In the bokeh forest</a><br /></p>
<p><a href="http://flic.kr/p/6X621w" rel="nofollow">No Name</a><br />
<a href="http://flic.kr/p/85qPyn" rel="nofollow">TIME FLIES</a><br />
<a href="http://flic.kr/p/9zzcs9" rel="nofollow">Mr. Cab Driver</a><br />
<a href="http://flic.kr/p/5E6icm" rel="nofollow">A Cup of Bokeh, please?</a><br />
<a href="http://flic.kr/p/89kd67" rel="nofollow">LOOK AT ME</a><br />
<a href="http://flic.kr/p/81TP7Q" rel="nofollow">Drink today and drown all sorrow</a><br />
<a href="http://flic.kr/p/68MxhX" rel="nofollow">Fairy Dust.</a><br />
<a href="http://flic.kr/p/7TiDpU" rel="nofollow">BLESS THE WEATHER.</a><br /></p>
<h3 id="item-description__changelog">Changelog</h3>
<p><strong>Version 2.0</strong></p>
<p>- Working for IE7 and IE8</p>
<p><strong>Version 1.0</strong></p>
<p>- Release</p>GuardianCodetag:codecanyon:Item/46766642013-05-09 14:33:072013-05-10 00:53:29Bootstrap Icons Animator (Animations and Effects) <h2 id="item-description__bootstrap-plugin">Bootstrap Plugin</h2>
<p>
Bootstrap Icons Animator is solution coded for revive Your website icons.<br />
<strong>No alternative solution available, if You found, please let me know.</strong>
</p>
<h3 id="item-description__plugin-features">Plugin Features</h3>
<p>
</p><ul>
<li>18 hover effects</li>
<li>5 display modes</li>
<li>Compatible with bootstrap 2</li>
<li>Works with all Twitter Bootstrap icons (glyphicons)</li>
<li>Major browsers support</li>
<li>Easy installation – include CSS file to use</li>
<li>CSS based solution, no JavaScript required</li>
<li>Intuitive integration</li>
<li>Works with all navigation bootstrap elements (not only buttons)</li>
<li><u>Free updates</u></li>
</ul>
<h3 id="item-description__whats-included">Whats included</h3>
<p>
</p><ul>
<li>CSS file with <u>77 CSS3 rules</u> (15 KB)</li>
<li>HTML documentation</li>
</ul>
<h3 id="item-description__plugin-live-preview">Plugin Live Preview</h3>
<p><a href="https://codecanyon.net/item/bootstrap-icons-animator/full_screen_preview/4676664">See plugin in action</a></p>
<p><br /></p>
<p><a href="http://info.flagcounter.com/ZMur" rel="nofollow"><img src="http://s04.flagcounter.com/count/ZMur/bg_ffffff/txt_000000/border_FFFFFF/columns_9/maxflags_20/viewers_0/labels_0/pageviews_0/flags_0/" alt="Flag Counter" /></a></p>MyNameIsMatthewtag:codecanyon:Item/41434382013-02-27 14:04:472013-02-27 14:04:47Advanced CSS3 Hover Effects 4 (Animations and Effects) <p>More Advance Hover Effects with 10 new hover effects using CSS3 keyframes, filters, transitions along with transition and animation delays to help with a timing structure. Very easy to use, alter and ready to go. There is no JavaScript and no JQuery in the code only CSS3 and HTML.</p>
<p>In these hover effects I use different ways to use Google Maps, Forms and CSS3 Gradients.</p>
<p>As a note:
These work in most updated browsers and can guarantee that it works for IE8 and IE7.</p>
<p>If you could please help rate my items that would be great</p>fladhammertag:codecanyon:Item/40874252013-02-20 14:06:342013-02-20 14:06:34WAIS - We Are In Social (Animations and Effects) <p>Its an animated social pages buttons which will reduce the space with help of showing each social buttons as animations.</p>
<p>• 9 Animation Styles
• HTML & CSS3
• Cross-Browser Functionality
• Easy to integrate on any website.</p>zcubesolutionstag:codecanyon:Item/39964192013-02-08 13:17:392013-02-09 00:03:23Zi Social Share - HTML + CS33 (Animations and Effects) <p>• CSS3 + HTML SOCIAL SHARE ICONS
• Easy to add more icons if required
• 2 Animation Effects
• Easy to integrate on any website, blog or templates.</p>zcubesolutionstag:codecanyon:Item/38956072013-01-27 01:30:082013-01-27 04:21:06Pure CSS3 Image Accordion (Animations and Effects) <h3 id="item-description__features">Features</h3>
<ul>
<li>Valid HTML5 layout</li>
<li>Pure CSS3 without JavaScript</li>
<li>Easy to use and customize</li>
<li>2 different styles (light and dark)</li>
<li>Fully responsive and fits to any width</li>
<li>4 caption positions (top, right, bottom, left)</li>
<li>Work in all CSS3 browsers and mobile devices</li>
</ul>vokytag:codecanyon:Item/36049242012-12-09 15:40:542012-12-09 15:40:54Advanced CSS3 Hover Effects 2 (Animations and Effects) <p>More Advance Hover Effects with 10 new hover effects using CSS3 Keyframes. Very easy to use, alter and ready to go. There is no JavaScript and no JQuery in the code only CSS3 and HTML.</p>
<p>As a note: These work in all updated browsers and can guarantee that it works for IE8 and IE7.</p>
<p>And if you could please help rate my items that would be great</p>fladhammertag:codecanyon:Item/34429632012-11-16 23:06:042012-11-16 23:06:04Advance Hover Effects (Animations and Effects) <p>Part 2 of the CSS3 hover effects. This one uses new transitions and different coding. 12 different examples with different effects and transitions. All shapes are CSS3 and not images.</p>
<p>Also the first animation on the video demo will not work with Google Chrome or Opera. But the other 11 work perfect with all updated browsers.</p>
<p>This will only work with updated browsers, IE8 and IE7 is a no go.</p>fladhammer