纯css3 animation属性制作正在加载中loading动画效果,动态loading加载中特效。这是一款响应式的loading文字加载动画,适用于手机端网页加载特效。
使用方法
1、head引入css文件
<link type="text/css" href="css/style.css" rel="stylesheet" />2、body引入HTML代码
<div id="app"> <div class="text-wrapper"> <div class="text part1"> <div> <span class="letter"><div class="character">L</div> <span></span></span> <span class="letter"><div class="character">o</div> <span></span></span> <span class="letter"><div class="character">a</div> <span></span></span> <span class="letter"><div class="character">d</div> <span></span></span> <span class="letter"><div class="character">i</div> <span></span></span> <span class="letter"><div class="character">n</div> <span></span></span> <span class="letter"><div class="character">g</div> <span></span></span> </div> </div> <div class="how-to"><span>正在加载中,请您耐心等待...</span></div> </div> </div>