站长技术网

html5 svg+css3百分比波浪加载动画特效

时间:2019-11-15 10:39:01  来源:网络收集   作者:不详   点击:次

源码授权： 免费特效 运行环境： HTML5+CSS3 源码大小： 2 KB

普通会员

点击下载

html5 svg+css3制作的百分比波浪加载动画特效，一款简单好看的圆形数字百分比波浪滚动加载动画效果。 js代码 <script> var cnt=document.getElementById("count");   var water=document.getElementById("water"); var percent=cnt.innerText; var interval; interval=setInterval(function(){     percent++;     cnt.innerHTML = percent;     water.style.transform='translate(0'+','+(100-percent)+'%)';   if(percent==100){     clearInterval(interval);   } },60); </script>