-->

CSS3

 

 

1
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#page-loading {
    width: 100%;
    height: 100%;   
    left: 0px;
    position: fixed;
    display: table;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
    text-align: center;
    cursor: wait;
}
 
#page-loading i{     
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-size: 225px;
    color:#fff;
}
#page-loading h2{
    color: #fff;
}

 

<body> 태그 바로 아래에 코딩

1
2
3
4
5
<div id="page-loading">
    <p style="margin-top: 15%;">&nbsp;</p>
    <i class="fa fa-spinner fa-5x fa-spin fa-fw"></i>
    <h2>처리 중입니다.</h2>   
</div>

 

 

 

 

 

https://coding-factory.tistory.com/192

jquery

 

about author

PHRASE

Level 1  라이트

댓글 ( 5)

댓글 남기기

작성