Foundation Buttons Reimagined
Ghost Style
ButtonPlus in Ghost Mode give ultimate flexibility.
Apply hover effects
Suppress background hover color
Control ghost border width
This is great for high impact Splash Screens, Landing Pages and for single page scrolling sites.
Responsive
You can set a minimum width to which the button will shrink and a maximum percentage width.
Auto or manual height adjustment.
Responsive control of Text Size for mobile screens,
Responsively control the button position.
Control the padding around the text, the letter and word spacing and the font-size - both for desktop and mobile views.
Unique Awesome Buttons
Font awesome icons before or after button text
Control of padding between icon and text
With full manual control of sizing you can even create round buttons
All this with a genuine Foundation button
With white backgrounds
ButtonPlus work beautifully on white backgrounds too.
With subtle hover effects and shadowing they can stand out without looking harsh.
You can even rotate them if required.
Hover Effects
Button Plus has 50 hover effects available.
All of them can be used in both Standard Mode and Ghost Mode
In Ghost Mode, the subtle ones are often the most effective
Animations
Stacks on this Page
All the Buttons are Button Plus stacks
The TopBar contains 2 Joey Stacks in Scroll Mode.
The first one shows the Button Plus Logo for the top 150 pixels of scrolling.
The second one contains a Magellan, set to appear after 160 pixels of scrolling
Plus Stacks
Plus stacks contain original code
© Joe Workman