animate.min.css

animate.min.css是一个开源的CSS动画库，提供了丰富的动画效果，可以快速实现网页的动画效果。

个人使用版本

<link rel="stylesheet" href="https://fan9.oss-cn-chengdu.aliyuncs.com/oss/animate.min.css"/>

使用方式

出现方式与延迟时长控制

<div class="left">
  <div class="left-site-name animated fadeInDown"><a href="/">FANMR.CN</a></div>
  <div class="left-site-desc animated fadeInDown">安于所待而不困于所待</div>
  <div class="left-nav-item animated fadeInUp" style="animation-delay: 300ms !important;"><a href="/">网站首页</a></div>
  <div class="left-nav-item  animated fadeInUp" style="animation-delay: 500ms !important;"><a href="/">外链导航</a></div>
  <div class="left-nav-item  animated fadeInUp" style="animation-delay: 700ms !important;"><a href="/">关于作者</a></div>
</div>

动画时长控制

style="animation-delay: 500ms !important; animation-duration: 2s !important";