CodeCanyon Flat Design Desk Banners Animated SVG 10912902

CodeCanyon Flat Design Desk Banners Animated SVG 10912902

CodeCanyon Flat Design Desk Banners Animated SVG 10912902
JavaScript \ Images and Media
Flat \ Modern \ Laptop \ Office \ Workspace \ Illustration \ Design \ Computer



JavaScript - Flat Design Desk Banners Animated SVG 10912902 by dxc @ CodeCanyon

JavaScript \ Images and Media

Last Update: 26 March 15; High Resolution: Yes; Compatible Browsers: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS; Software Version: jQuery, Other.

These animated SVG banners will bring life to even the most basic pages. They’re SVGs (scaleable vector graphics), which means that you can make them any size and show them on any screen (even retina), and they’ll look 100% crisp and clear.

What happens when the icon isn’t on the screen? Don’t worry, the icons won’t animate until you’ve scrolled them into view.

Easy to Edit
Using these banners are ridiculously easy! Seriously, just add a div with the right class name and we’ll take it from there.
<div class="dxcdeskicon desk01"></div>

Even adding buttons to control the animations is a peice of cake. You can even specify which banner will be affected by putting their numbers in between the brackets.

<button onclick="restartIcons([0])">Restart</button>
<button onclick="reverseIcons([1])">Reverse</button>

Want to get all crazy and mess with the .js file? It couldn’t be more simple.

var titleText = "Animated SVG Banners";
var subtitleText = "100% scaleable graphics that";
var subtitleText2 = "only animate on scroll";
var buttonText = "READ MORE";
var readMoreURL = ["#", "#"];

Compare the size and quality of SVG’s, JPG’s, and PNG’s

Compatible With All Major Browsers

Smooth Javascript Animations
There are no Flash or animated GIF elements here. All of the animations you see are 100% Javascript and don’t require any browser plugins.

This item uses Greensock’s TweenMax for the animations, rather than jQuery. Why? Because GSAP is SOOOO much faster and smoother. See for yourself: jQuery vs GSAP speed test .

Related Items

Keywords: ads, animated, banner, computer, desk, desktop, flat, flat design, illustration, laptop, modern, office, svg, workspace.



Tags: Animated, Design, Modern, Laptop, Office, Illustration

Premium CodeCanyon Flat Design Desk Banners Animated SVG 10912902 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Flat Design Desk Banners Animated SVG 10912902 for digital design and education. CodeCanyon Flat Design Desk Banners Animated SVG 10912902 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *