Flat Layout Desk Banners - Animated SVG

Those animated SVG banners will convey lifestyles to even the most basic pages. They’re SVGs (scaleable vector pictures), which means that you simply could make them any dimension and show them on any display (even retina), and they’ll look 100% crisp and transparent.

What happens when the icon isn’t at the reveal? Don’t concern, the icons received’t animate till you’ve scrolled them into view.

Easy to Edit

The Use Of these banners are ridiculously easy! Significantly, simply add a div with the fitting class name and we’ll take it from there:

<div magnificence="dxcdeskicon desk01"></div>

Even adding buttons to regulate the animations is a peice of cake. you can even specify which banner will probably be suffering from putting their numbers in between the brackets:

<button onclick="restartIcons(0)">Restart</button> <button onclick="reverseIcons(1)">Opposite</button>

wish to get all crazy and mess with the .js report? It couldn’t be extra easy:

var titleText = "Lively SVG Banners"; var subtitleText = "ONE HUNDRED% scaleable photographs that"; var subtitleText2 = "most effective animate on scroll"; var buttonText = "READ EXTRA"; var readMoreURL = "#", "#";

Examine the scale and high quality of SVG’s, JPG’s, and PNG’s

Compatible With All Top Browsers

Clean Javascript Animations

There are not any Flash or animated GIF elements right here. All of the animations you see are ONE HUNDRED% Javascript and don’t require any browser plugins.

This merchandise makes use of Greensock’s TweenMax for the animations, as opposed to jQuery. Why? As A Result Of GSAP is SOOOO much quicker and smoother. See for yourself: jQuery vs GSAP velocity test.

Related Pieces

FULL DOWNLOAD