阴影



在Material设计中,大部分的元素都应当包含适当的z-depth

只需要在标签上使用class="z-depth-2"即可。另外,通过Sass你可以扩展任何阴影元素@extend .z-depth-2


  <div class="col s12 m2">
    <p class="z-depth-1">z-depth-1</p>
  </div>
  <div class="col s12 m2">
    <p class="z-depth-2">z-depth-2</p>
  </div>
  <div class="col s12 m2">
    <p class="z-depth-3">z-depth-3</p>
  </div>
  <div class="col s12 m2">
    <p class="z-depth-4">z-depth-4</p>
  </div>
  <div class="col s12 m2">
    <p class="z-depth-5">z-depth-5</p>
  </div>