廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：：
<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武林網網站的支持！