EMLOG教程:增加Loading加载特效 - 阿强爱分享

EMLOG教程:增加Loading加载特效

作者: Aqiang

全网最全的网络资源分享网站

手机扫码查看

标签:

加载动画

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!邮箱:2377724272@qq.com

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

<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-20

本文标题: EMLOG教程:增加Loading加载特效

本文链接: https://iooqp.cn/?post=405

版权声明:文章为《 Aqiang》原创,转载请保留出处! 本文共有 636 个字!

分享到:

精彩评论

未显示?请点击刷新
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

© 2019 阿强爱分享   京ICP备19031919号-2

免责声明:本站所发布的资源信息及软件文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,本站信息来自网络,版权争议与本站无关。

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏