Basic Shadow
z-depth-0
z-depth-1
z-depth-2
z-depth-3
z-depth-4
z-depth-5
Shadow
bookmarkIn material design, everything should have a certain z-depth that determines how far raised or close to the page the element is.
You can easily apply this shadow effect by adding a class="z-depth-2"to an HTML tag. A z-depth-0can be used to remove shadows from elements that have z-depths by default.
Elevation Shadow
The elevation helpers allow you to control relative depth, or distance, between two surfaces along the z-axis. There is a total of 25 elevation levels. You can set an element's elevation by using the class elevation-{n}, where nis a integer between 0-24 corresponding to the desired elevation.
Elevation 4