Shadow

  1. Dashboard
  2. Shadow

In material design, everything should have a certain pmd-z-depth that determines how far raised or close to the page the element is.

Types

You can easily apply this shadow effect by adding a .pmd-z-depth to an HTML tag. Alternatively you can extend any of these shadows using .pmd-z-depth-1, .pmd-z-depth-2 and more.

pmd-z-depth
pmd-z-depth-1
pmd-z-depth-2
pmd-z-depth-3
pmd-z-depth-4
pmd-z-depth-5