summaryrefslogtreecommitdiff
path: root/demos/tizen-winsets/tips/page-transition/transition.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/tizen-winsets/tips/page-transition/transition.html')
-rw-r--r--demos/tizen-winsets/tips/page-transition/transition.html20
1 files changed, 20 insertions, 0 deletions
diff --git a/demos/tizen-winsets/tips/page-transition/transition.html b/demos/tizen-winsets/tips/page-transition/transition.html
new file mode 100644
index 00000000..1f55f4df
--- /dev/null
+++ b/demos/tizen-winsets/tips/page-transition/transition.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<div data-role="page" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <h1>Transitions</h1>
+ </div>
+ <div data-role="content">
+ <ul data-role="listview" data-icon="1line-textonly">
+ <li><a href="transition-page.html" data-transition="fade">fade</a></li>
+ <li><a href="transition-page.html" data-transition="pop">pop</a></li>
+ <li><a href="transition-page.html" data-transition="flip">flip</a></li>
+ <li><a href="transition-page.html" data-transition="turn">turn</a></li>
+ <li><a href="transition-page.html" data-transition="flow">flow</a></li>
+ <li><a href="transition-page.html" data-transition="slidefade">slidefade</a></li>
+ <li><a href="transition-page.html" data-transition="slide">slide</a></li>
+ <li><a href="transition-page.html" data-transition="slideup">slideup</a></li>
+ <li><a href="transition-page.html" data-transition="slidedown">slidedown</a></li>
+ <li><a href="transition-page.html" data-transition="none">none</a></li>
+ </ul>
+ </div><!-- /content -->
+</div> <!-- /page -->