jQuery Plugin To Create Vibration Effect On Html Elements - Vibr

File Size: 57.3 KB
Views Total: 1899
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Create Vibration Effect On Html Elements - Vibr

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.