CSS过渡效果 - Materialize

我们写了一些自定义动画类，它们只需要使用css就可以使你的内容有过渡效果，每个CSS过渡效果都由一个应用必要样式的基类和控制转换状态的附加类组成。

Scale

使用此放大和缩小元素，确保添加基本变换类scale-transition。然后添加 scale-out类以缩小元素直至消失。若要显示隐藏的内容则移除 scale-out类, 并且添加类 scale-in以放大缩放效果直至元素显示。

触发Scale


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

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

Scale