UNPKG

domlastic

Version:

DomLastic.js is a jquery plugin that adds jointed bouncing effects to your HTML elements. You can connect dom elements so that they behave like elastic physically jointed bodies. Make your list items bouncing like messages on iOS when scrolling or fire a

30 lines (26 loc) 1.66 kB
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>DomLastic.js</title> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta name="description" content="DomLastic.js is a jquery plugin that adds jointed bouncing effects to your HTML elements. You can connect dom elements so that they behave like elastic physically jointed bodies. Make your list items bouncing like messages on iOS when scrolling or fire a customizable effect on any dom manipulation."> <link rel="stylesheet" href="assets/demopage-styles.css" type="text/css" /> <body class="demo"> <h1>DomLastic.js</h1> <p>DomLastic.js is a jquery plugin that adds jointed bouncing effects to your HTML elements. You can connect dom elements so that they behave like elastic physically jointed bodies. Make your list items bouncing like messages on iOS when scrolling or fire a customizable effect on any dom manipulation. </p> <iframe class="demoFrame-1" frameborder="0" src="demo-1.html"></iframe> <iframe class="demoFrame-2" frameborder="0" src="demo-2.html"></iframe> <div class="frame-container"> <iframe class="demoFrame-3" frameborder="0" src="demo-3.html"></iframe><br> <iframe class="demoFrame-4" frameborder="0" src="demo-4.html"></iframe> </div> <a href="https://github.com/ymc-thzi/domlastic"><img alt="Fork me on GitHub" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" style="position: absolute; top:0; right: 0; border: 0;"></a> <!-- <div> TODO: - show callback - place readme content here (installation, params...) </div> --> </body> </html>