DomLastic.js
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.
TEST THE DEMO
Install
-
Installation with npm: packagename "domlastic"
$ npm install domlastic
-
Installation with bower.io: packagename "domlastic"
$ bower install domlastic
-
Manual installation: copy and link the file domlastic.js to your project
domlastic.js
Usage
Example 1: Init and trigger animation
item 1 item 2 item 3
Example 2: Callback after animation has finished
item 1 item 2 item 3
Example 3: Horizontal animation with custom parameters. Connect any DOM element like Images...
Attribute | default | type |
---|---|---|
itemsClassnameToConnect | string | |
itemsJointStrength | 20 | int |
animationSpeed | 600 | int(ms) |
animationIntensity | 0.5 | float |
animationDirection | 'horizontal' | string |
callback | func() |
animationDirection Types:
- 'horizontal'
- 'vertical'
Dependencies
- jQuery
Browser Support
Browser | |||||
---|---|---|---|---|---|
Version | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |