nicolasjesenberger

Responsive Snow Button

3D push buttons with a retro style and font.   The first button is a push button that pushes to the center and tilts left or right based on the cursor'...

<div><p>3D push buttons with a retro style and font. </p>

<p>The first button is a push button that pushes to the center and tilts left or right based on the cursor's location while hovering. It is styled similar to an old-school game console button. These buttons have been configured with a sm, md, lg size classes along with bootstrap-esque classes such as primary, secondary, danger, warning, success and info.</p>

<p>Second button is a loader button with it's own progress bar when pushed. It only pushes in the center, but then opens upwards to show a progress bar on it's front side. It will either show a checkmark or X when finished based on success of action, and it is currently configured in this demo to randomly set the progress over a setInterval. </p>

<p>If you want to sync the progress bar to a real script, just change how the 'progress' variable is calculated in setInterval and use instance._setProgress to update the percentage value on the loader button.</p></div>

Buttons using the tag:responsive

Buttons using the tag:
responsive