jQuery Plugin To Create Vibration Effect On Html Elements - Vibr
File Size: | 57.3 KB |
---|---|
Views Total: | 1909 |
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.