菜单

我们制作了一些自定义动画类,它们将仅使用 CSS 过渡您的内容。每个 CSS 过渡都包含一个应用必要样式的基本类和控制过渡状态的其他类。


缩放

在这些元素中使用缩放进出。确保添加基本过渡类 scale-transition。然后添加类 scale-out 以缩小元素,直至其隐藏。要将某个元素开始隐藏,首先添加类 scale-out,然后添加类 scale-in 以放大元素,直至其显示。


add 切换缩放


  <!-- Scaled in -->
  <a id="scale-demo" href="#!" class="btn-floating btn-large scale-transition">
    <i class="material-icons">add</i>
  </a>

  <!-- Scaled out -->
  <a id="scale-demo" href="#!" class="btn-floating btn-large scale-transition scale-out">
    <i class="material-icons">add</i>
  </a>