Saved!

Laxxx.js Scroll Animation Demo - cxHZAPxO

HTML CSS JavaScript Frontend Development

Laxxx.js Scroll Animation Demo

  
      <section class="top">
        <p class="scroll-text">Scroll</p>
    </section>
    <section class="animated-sec">
        <h1 data-lax-preset="rightToLeft-.1 fadeInOut">Animation</h1>
        <p class="desc" data-lax-preset="blurInOut fadeInOut">Check out this nifty little scroll based animation with laxxx.js</p>
        <div class="box1" data-lax-preset="spin-65"></div>
        <div class="box2" data-lax-scale="600 0, 400 1, 200 1, 0 0" data-lax-anchor="self"></div>
    </section>
    <section></section>    
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js