3D Interactive Hover Effect With jQuery And CSS3 - Fancy-Buttons

3D Interactive Hover Effect With jQuery And CSS3 - Fancy-Buttons
File Size: 13.1 KB
Views Total:
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.