纯CSS的多国语言的爱拼成心形

一款纯CSS的多国语言的爱拼成心形，所有文字围绕一个爱心的形状不停的换位运动，整个文字动画特效会无限循环下去，文字的颜色和字体等都是可以自由替换的。

分类：文字特效 > 文字动画难易：初级

查看演示下载资源下载积分： 20 积分

页面的head部分，引入google字体和页面样式文件，代码如下：

<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Dosis:800'>
<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，用了多个div的嵌套结构，部分代码如下：

<div class="love">
    <div class="love_horizontal">
      <div class="love_vertical">
        <div class="love_word">愛</div>
      </div>
    </div>
  </div>
  <div class="love">
    <div class="love_horizontal">
      <div class="love_vertical">
        <div class="love_word">Amour</div>
      </div>
    </div>
  </div>
  <div class="love">
    <div class="love_horizontal">
      <div class="love_vertical">
        <div class="love_word">Liebe</div>
      </div>
    </div>
  </div>
  <div class="love">
    <div class="love_horizontal">
      <div class="love_vertical">
        <div class="love_word">Amore</div>
      </div>
    </div>
  </div>
  <div class="love">
    <div class="love_horizontal">
      <div class="love_vertical">
        <div class="love_word">Amor</div>
      </div>
    </div>
  </div>
  <div class="love">
    <div class="love_horizontal">
      <div class="love_vertical">
        <div class="love_word">Любовь</div>
      </div>
    </div>
  </div>