Fancy-Buttons

A jQuery-dependant 3D interactive button fancifier

This is a simple plugin which can turn boring buttons into cool 3D interactive widgets!

There are two variants - one for traditional buttons (where the interaction only begins on click), and another for items that you want to be immediately interactive on hover.

Default setting for hoverable is 'true', set this to 'false' if you wish to use the traditional button click style.

Installation

To install, add the .js and .css files into your code after jQuery is loaded. Then simply add the class 'fancy-button' to any button where you would like to see the effect and watch as it automagically converts your existing button into a Fancy Button.

Tested on Android, iOS, Safari, Firefox and Chrome.

Preview

For a live demo, see the example on CodePen here.