3D Interactive Hover Effect With jQuery And CSS3 - Fancy-Buttons
File Size: | 13.1 KB |
---|---|
Views Total: | 3679 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
![3D Interactive Hover Effect With jQuery And CSS3 - Fancy-Buttons](https://www.jqueryscript.net/images/3D-Interactive-Hover-Effect-jQuery-CSS3-Fancy-Buttons.jpg)
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.