3D Interactive Hover Effect With jQuery And CSS3 - Fancy-Buttons
| File Size: | 13.1 KB |
|---|---|
| Views Total: | 3674 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Fancy-Buttons is a jQuery plugin which applies a 3D interactive hover effect to any block element using CSS3 transitions and transforms. Supports both mouse and touch events.
How to use it:
1. Include the CSS file fancy-buttons.css in the head, and the JavaScript file fancy-buttons.js at the bottom of the webpage.
<link href="fancy-buttons.css" rel="stylesheet"> <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> <script src="fancy-buttons.js"></script>
2. Add the CSS class 'fancy-button' to target element and the plugin will take care of the rest.
<div class="fancy-button"></div>
This awesome jQuery plugin is developed by skyfoxdesign. For more Advanced Usages, please check the demo page or visit the official website.
