3D Retro Buttons

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'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. 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.

Author:
Mike @ Titan Global Tech
Created:
AUGUST 06, 2018
Made with:
HTML, CSS and JavaScript

Find the Demo

See the Pen 3D Retro Buttons by Mike @ Titan Global Tech (@b1tn3r) on CodePen.

Advertisement