01_invert.jpg 02_glow.jpg 03_frame.jpg 04_border_top.jpg 05_border_bottom.jpg 06_border_left.jpg 07_border_right.jpg 08_border_top_bottom.jpg 09_border_top_left.jpg 10_border_top_right.jpg 11_border_left_right.jpg 12_border_bottom_left.jpg 13_border_bottom_right.jpg 14_peek_top.jpg 15_peek_bottom.jpg 16_peek_left.jpg 17_peek_right.jpg 18_fill_top.jpg 19_fill_bottom.jpg 20_fill_left.jpg 21_fill_right.jpg 22_shadow.jpg 23_unshadow.jpg 24_icon_up.jpg 25_icon_down.jpg 26_icon_left.jpg 27_icon_right.jpg 28_icon_grow.jpg 29_icon_shrink.jpg 30_icon_rotate_90.jpg 31_icon_rotate_180.jpg 32_icon_rotate_270.jpg 33_icon_rotate_360.jpg 34_expand_left.jpg 35_expand_right.jpg 36_colors.jpg 37_sizes.jpg 38_brands_without_text.jpg 39_brands_with_text.jpg 40_form_buttons.jpg 41_bootstrap_set.jpg 42_media_control_set.jpg 43_file_types.jpg 44_text_editor_toolbar.jpg
Flat Buttons is a button library that focuses on modern & minimalistic buttons.
Features
- 6 Colors
- 6 Sizes
- 39 Hover Effects
- 1404 Combinations
- Social Media Button Examples
- Get the HTML code without opening any files! This feature doesn’t exist in the live preview.
- No !important keywords
- W3C Compliance
- Compatibility with major CSS frameworks
- Compatibility with major browsers and IE10+
- Clean Code
- BEM Methodology Naming Convention
- SCSS Files
Credits
Fonts
- Roboto Font – https://fonts.google.com/specimen/Roboto
- Font Awesome by Dave Gandy – http://fontawesome.io
Sources
These files are not required for Flat Buttons to work.
Changelog
2018-12-01 - ver 1.1.0 - Added new hover effects (replace top/bottom/left/right)