Tag: on scroll

  • Animated SVG Banner web optimization & Construction (Animated SVGs)

    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.