jQuery Plugin To Create Vibration Effect On Html Elements - Vibr
| File Size: | 57.3 KB |
|---|---|
| Views Total: | 1923 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Vibr is a super tiny jQuery plugin used to create configurable vibration (shake) effects on any Html elements using jQuery animation functions.
How to use it:
1. Include jQuery 2.1+ and jQuery vibr plugin on the web page.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="jquery.vibr.js"></script>
2. Create an Html element you wish to shake on mouse hover.
<div class="demo"> Your content goes here </div>
3. Call the plugin on the Html element.
$('.demo').imageVibr();
4. Optional settings to customize the vibration effect.
$('.demo').imageVibr({
h_spread: 3,
v_spread: 1,
speed: 50,
delay: 2000
});
This awesome jQuery plugin is developed by evdiv. For more Advanced Usages, please check the demo page or visit the official website.











