Yo Page Animation Demo - 页面切换效果


    <ul class="gu-list">
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m ani infinite bump">Bump Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-light ani infinite elastic-x">elastic-x Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-normal ani infinite stretch">stretch Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-info ani infinite extrusion">extrusion Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_6 ani infinite sling">sling Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_2 ani infinite wobble">wobble Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_3 ani infinite zoom-in">zoom-in Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_4 ani infinite rotate-in">rotate-in Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_5 ani infinite wobble">wobble Button</a>
        </li>
    </ul>


    <ul class="gu-list">
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m ani infinite fade-in">fade-in Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-light ani infinite elastic-y">elastic-y Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-normal ani infinite elastic-in">elastic-in Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-info ani infinite flip">flip Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_6 ani infinite roll-in-right">roll-in-right Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_2 ani infinite speed-in-left">speed-in-left Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_3 ani infinite speed-in-right">speed-in-right Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_4 ani infinite rotate-in">rotate-in Button</a>
        </li>
        <li class="item">
        	<a href="?" class="gu-btn gu-btn-m gu-btn-them_5 ani infinite zoom-in">zoom-in Button</a>
        </li>
    </ul>