Mar 16, 2015

Creative FAB button animation in CSS

44SHARES
 VIEWS

In Material Design language, floating action button (FAB) can be placed anywhere. You shouldn’t limit your creativity , even though Google guidelines recommends to use it on the bottom corner. Popular design blog Abduzeedo is a great example of this:

material-design-app
Initial design of upcoming Abduzeedo Material Design app

You can read full story about Abduzeedo Material Design app here.

If you decided to go for the top corner,- this brilliant FAB menu concept by thanksbnthanks shows how it could be done:

material design menu

You can grab CSS (less) & JS code here

#Android #button #CSS #examples #inspiration #materialdesign #webdesign #websites