本文摘自PHP中文网,作者黄舟,侵删。
html5自定义遮罩的实现代码分享ys_loading.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | .ys-loading{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index: 9999;
}
.ys-loading em{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:44px;
height:44px;
margin:auto;
border-radius: 22px;
opacity: 0.3;
overflow: hidden;
}
.ys-loading em:before{
content:"";
display:block;
width:46px;
height:46px;
background:url(../../images/common/ajax-loader.gif) no-repeat center center;
background-size:contain;
margin-top:-1px;
margin-left:-1px;
}
|
ys_loading.js
阅读剩余部分
相关阅读 >>
HTML5调用移动浏览器相机问题
HTML5如何实现简单进度条效果?动态进度条的实现(代码示例)
h5移动端各种各样的列表的制作方法(一)
使用html和css的新特性实现响应式布局
HTML5 webworkers防止浏览器假死的示例代码分享
HTML5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone
HTML5中新特性之语义化标签的实例分析
HTML5新特性之webrtc详解
HTML5的本地存储indexeddb
HTML5实现文字轮滚的示例代码
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5自定义遮罩的实现代码分享