CSS的动画特效（animation）使用方法详细教程--css动画效果水波纹

<template>
  <div>
    <div id="page">
      <h3>CSS的动画特效（animation）使用方法详细教程</h3>
      <h3>
        动画就是使元素从一种样式逐渐变化为另一种样式的效果。我们可以改变任意多的样式任意多的次数
      </h3>
      <h3>
        关键词用法：关键帧（@keyframes）就是拍好了供我们调用，所以电影名就是要使用到关键帧
      </h3>
      <h3>
        创建动画的原理是，将一套 CSS
        样式逐渐变化为另一套样式。在动画过程中我们能够多次改变这套 CSS
        样式。以百分比来规定改变发生的时间，或者通过关键词 “from” 和
        “to”，等价于 0% 和 100%。
      </h3>
      <h3>
        0% 是动画的开始时间，100%
        动画的结束时间。为了获得最佳的浏览器支持，我们应该始终定义 0% 和 100%
        选择器。这里面0%就是一帧，50%是一帧，100%也是一帧。
      </h3>
      <h3>5改变中心点</h3>
      <div class="rotage">动画</div>
      <span>请输入内容请输入内容请输入内容请输入内