EMLOG教程:增加Loading加载特效

添加在主题文件的header.php。尽量靠前。效果见本站。可以把代码里的img url换成你想要的加载图片链接。下面是代码:

EMLOG教程:增加Loading加载特效

<style> .loading{opacity:0;background:#fff url(img url); background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;position:fixed;width:100%;top:0;bottom:0;animation:Loading 2s;line-height:100vh;text-align:center;font-size:30px;color:#ccc;} @keyframes Loading { 0% {opacity:1;color:#C1FF50;z-index:999999;} 20% {opacity:1;color:#5CB8FF;} 40% {opacity:1;color:#FFD350;} 60% {opacity:1;color:#FF5950;} 80% {opacity:.5;color:#fff;} 100% {opacity:0;} } </style> <div class="loading">Loading...</div>
阿强爱分享
  • 本文由 发表于 2019年9月21日03:58:23
  • 转载请务必保留本文链接:https://iooqp.cn/405.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: