废话不多说了，直接给大家贴代码了，具体代码如下所示：：
<div class = loading> <p> 100 <span> </span> </p> </div>
*{Margin：0; Padding：0;}。加载{高度：100％；宽度：100％；位置：固定；背景：RGBA（255,255,255,1）; 。字体大小：30px;颜色：＃f00;}。加载p跨度{位置：绝对;显示：块；高度：140px; width：140px; margin; margin：10px; border-border-radius：50％; - webkit-box-shadow ：0 2PX 3PX RGBA（102,197,37,0.8）;动画：加载轻松1S无限;左：0; top：0;} @keyframes加载{0％{transform：rotate（0deg）} 100％{transform：rotate：rotate（360deg）}}态Div>
*{margin：0; padding：0;} .loading {高度：100％; width：100％;位置：固定；背景：RGBA（255,255,255,0.95）; 。左；边距：0 5px;宽度：5px;高度：30px;背景：＃f00; transform：scaley（0.3）;动画：加载1S轻松无限替代； 。 4）{animation-delay：0.3s;}。加载> pi：nth-child（5）{animation-delay：0.4S;} @keyframes loading {0,40％，100％，transform {transform：scaley：scaley（0.3）; } 20％{transform：scaley（1）;}}其实我想做的是加载进度条效果，但是假的进度条太烂，真的又没有特别好的办法，判断图片这种总感觉比较漏。，判断图片这种总感觉比较漏。
这是代码，有完美解决方案了解决。，有完美解决方案了解决。
<script> document.onreadystatechange = function（）{if（document.dreadystate =='postime'）{$（'。loading'）。fadeout（）; }} </script>总结以上所述是小编给大家介绍的html5等待加载动画效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，vevb武林网网站的支持！