demos/tizen-winsets/tips/page-transition/transition.html

   1 <!DOCTYPE html>
   2 <div data-role="page" data-add-back-btn="true">
   3         <div data-role="header" data-position="fixed">
   4                 <h1>Transitions</h1>
   5         </div>
   6         <div data-role="content">
   7                 <ul data-role="listview" data-icon="1line-textonly">
   8                         <li><a href="transition-page.html" data-transition="fade">fade</a></li>
   9                         <li><a href="transition-page.html" data-transition="pop">pop</a></li>
  10                         <li><a href="transition-page.html" data-transition="flip">flip</a></li>
  11                         <li><a href="transition-page.html" data-transition="turn">turn</a></li>
  12                         <li><a href="transition-page.html" data-transition="flow">flow</a></li>
  13                         <li><a href="transition-page.html" data-transition="slidefade">slidefade</a></li>
  14                         <li><a href="transition-page.html" data-transition="slide">slide</a></li>
  15                         <li><a href="transition-page.html" data-transition="slideup">slideup</a></li>
  16                         <li><a href="transition-page.html" data-transition="slidedown">slidedown</a></li>
  17                         <li><a href="transition-page.html" data-transition="none">none</a></li>
  18                 </ul>
  19         </div><!-- /content -->
  20         <div data-role="footer" data-add-back-btn="true">
  21         </div>
  22 </div> <!-- /page -->