: Does the Floating Action Button in Material Design have a light? OK, so the "Card" in Material Design cast a shadow because of 2 lights, because well... if something has a shadow it's because

@Marchetta832

Posted in: #GoogleMaterialDesign #StyleGuide #WebApplications

OK, so the "Card" in Material Design cast a shadow because of 2 lights, because well... if something has a shadow it's because that thing is blocking the light.

Does the Floating Action Button (FAB) have the same light effects as the "Card"? - That's the main question.

By this I mean:


A shadow underneath
An inner "light" on top edge (tinted edge)
An under "dark" shadow on bottom edge (shaded edge)


PD: this is for a web app; I'm not using Android Studio.

Below you can find the link to this subject:
material.google.com/what-is-material/environment.html#environment-3d-world
And below this line is the link to the FAB component where they didn't explain anything about light on the FAB:
material.google.com/components/buttons-floating-action-button.html

Vote Up Vote Down

Login to post a comment!