CSS的动画特效（animation）使用方法详细教程

demo1 方块放大缩小

 

 

<template>
  <div>
    <div id="page">
      <h3>CSS的动画特效（animation）使用方法</h3>
      <h3>
        动画就是使元素从一种样式逐渐变化为另一种样式的效果。我们可以改变任意多的样式任意多的次数
      </h3>
      <h3>
        关键词用法：关键帧（@keyframes）就是拍好了供我们调用，所以电影名就是要使用到关键帧
      </h3>
      <h3>
        创建动画的原理是，将一套 CSS
        样式逐渐变化为另一套样式。在动画过程中我们能够多次改变这套 CSS
        样式。以百分比来规定改变发生的时间，或者通过关键词 “from” 和
        “to”，等价于 0% 和 100%。
      </h3>
      <h3>
        0% 是动画的开始时间&#x