Creative FAB button animation in CSS

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

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

Leave a Reply