Animated SVG Banner web optimization & Construction (Animated SVGs)

ANIMATED SVG BANNER SEO DEVELOPMENT

You can change Text, Graphic and Colors. 100% Scalable and Retina Ready. Animated on Scroll.

EASILY TO ADD.

  1. Add the following code inside the head tags.
  2. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script><br /><script src="js/noframework.waypoints.min.js"></script><br /><script src="js/banner.js" type="text/javascript"></script><br /><script src="js/seobanner.js" type="text/javascript"></script><br /><script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js" type="text/javascript"></script><br /><script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><br /><link rel="stylesheet" type="text/css" href="css/banner.css"><br /><link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  3. Just copy and paste the divs below where you’d like to put.
  4. <div class="animatedsvg seobanner"></div>

ZIP FILES CONTENTS :
HTML files
CSS files
JS files
SVG files
Documentation file

This animation compatible with all major browsers.

 

Leave a Reply

Your email address will not be published. Required fields are marked *