Sha256: 168f290354952efd8f3d999922fe9131da94de31e6758056e6b0ae68277d3be9
Contents?: true
Size: 1.36 KB
Versions: 18
Compression:
Stored size: 1.36 KB
Contents
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Transitions - jQuery Mobile Demos</title> <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile-1.3.0.css"> <link rel="stylesheet" href="../../_assets/css/jqm-demos.css"> <link rel="shortcut icon" href="../../favicon.ico"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700"> <script src="../../../js/jquery.js"></script> <script src="../../_assets/js/jquery.mobile.demos.js"></script> <script src="../../../js/jquery.mobile-1.3.0.js"></script> </head> <body> <div data-role="page" id="dialog-success" data-dom-cache="true"><!-- dialog--> <div data-role="header" data-theme="e"> <h1>Dialog</h1> </div><!-- /header --> <div data-role="content" data-theme="e"> <p>That was an animated page transition effect to a dialog that we added with a <code>data-transition</code> attribute on the link.</p> <p>Since it uses CSS animations, this should be hardware accelerated on many devices. To see transitions, 3D transform support is required so if you only saw a fade transition that's the reason.</p> <a href="index.html" data-role="button" data-theme="b" data-rel="back">Take me back</a> </div> </div> <div data-role="page" id="page-success"><!-- dialog--> </body> </html>
Version data entries
18 entries across 18 versions & 1 rubygems