Velocity UI Pack Demo3

transition slideDownIn, slideUpIn

by shravan

HTML

<script src="http://julian.com/research/velocity/build/velocity.js"></script>
<script src="http://julian.com/research/velocity/build/velocity.ui.js"></script>
<div id='test' class='testEle'>slideDownIn</div>

CSS

.testEle {
    width: 300px;
    height: 300px;
    line-height: 100px;
    text-align: center;
    border: 1px solid red;
    float : left;
    margin: 20px;
}

JavaScript

<!-- Velocity(document.getElementById('test'), "transition.slideDownIn", 1000); -->

<!-- Velocity(document.getElementById('test'), "transition.slideUpIn", { stagger: 100 }, 5000); -->


Velocity(document.getElementById('test'), "transition.slideUpIn", 5000);