123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- .container_nomount{
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- box-sizing: border-box;
- position: fixed;
- width: 100%;
- height: 100%;
- overflow: hidden;
- font-family: 'Poppins', sans-serif;
- }
- .container_nomount h2{
- margin-top: 20px;
- font-size: 1.5em;
- margin-block-start: 0.83em;
- margin-block-end: 0.83em;
- margin-inline-start: 0px;
- margin-inline-end: 0px;
- font-weight: bold;
- }
- .container_nomount .loading{
- width: 80px;
- height: 40px;
- margin: 0 auto;
- margin-top: -40px;
- }
- .container_nomount .loading span{
- display: inline-block;
- width: 8px;
- height: 100%;
- border-radius: 4px;
- background: #1890ff;
- animation: load 1s ease infinite;
- }
- @keyframes load{
- 0%,100%{
- height: 40px;
- background: #ff3378;
- }
- 50%{
- height: 70px;
- margin: -15px 0;
- background: #1890ff;
- }
- }
- .container_nomount .loading span:nth-child(2){
- animation-delay:0.2s;
- }
- .container_nomount .loading span:nth-child(3){
- animation-delay:0.4s;
- }
- .container_nomount .loading span:nth-child(4){
- animation-delay:0.6s;
- }
- .container_nomount .loading span:nth-child(5){
- animation-delay:0.8s;
- }
|