iLexN
8/27/2013 - 4:23 AM

http://dan-silver.github.io/ElementTransitions.js/ This repository is a wrapper around the code provided by a codrops article on page transi

http://dan-silver.github.io/ElementTransitions.js/ This repository is a wrapper around the code provided by a codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
<link rel="stylesheet" type="text/css" href="elementTransitions.css" />
<script src="elementTransitions.js"></script>

<div class="et-wrapper et-rotate" et-out="scaleDown" et-in="scaleUpDown delay300">
    <div class="et-page">
      <h5>In:</h5>
      scaleUpDown delay300
      <h5>Out:</h5>
      scaleDown
    </div>
    <div class="et-page">
      <h5>In:</h5>
      scaleUpDown delay300
      <h5>Out:</h5>
      scaleDown
    </div>
    <div class="et-page">
      <h5>In:</h5>
      scaleUpDown delay300
      <h5>Out:</h5>
      scaleDown
    </div>
  </div>