5种jQuery+CSS3网页文字动画

1、准备好需要用到的字体图标。

3、书写hmtl代艨位雅剖码。<div class="container"><div class="row"> <h1 class="long-shadow"><span class="anTitle1">5种jQuery+CSS3网页文字动画</span></h1> <h2>演示DEMO</h2> <div class="well"> <h4 class="demo1 text-danger">想把整个夏天的阳光，在冬天时都寄给你。</h4> </div> <h2>With an.css</h2> <div class="well"> <h4 class="demo2 text-danger">想把整个夏天的阳光，在冬天时都寄给你。</h4> </div> <h2>Word By Word</h2> <div class="well"> <h4 class="demo3 text-danger">想把整个夏天的阳光，在冬天时都寄给你。</h4> </div> <h2>Random</h2> <div class="well"> <h4 class="demo5 text-danger">想把整个夏天的阳光，在冬天时都寄给你。</h4> </div> <h2>Reverse</h2> <div class="well"> <h4 class="demo4 text-danger">想把整个夏天的阳光，在冬天时都寄给你。</h4> </div></div></div>

5、书写并添加js代码。<script src="js/jquery-1.11.0.min.js"></script> <script src="js/dist/atext.min.js"></script>

7、查看效果。