/*加载动画*/ .loading { position:absolute; width:100%; height:100%; background:white; z-index:100; display:flex; justify-content:center; align-items:center; } .loading > div { width:30px; height:30px; background:#66ccff; border-radius:100%; margin:5px; animation-name:example; animation-duration:1s; animation-iteration-count:infinite; } .loading .loader1 { -webkit-animation-delay:0.2s; animation-delay:0.2s; } .loading .loader2 { -webkit-animation-delay:0.5s; animation-delay:0.5s; } .loading .loader3 { -webkit-animation-delay:1s; animation-delay:1s; } @keyframes example { 0%,80%,100% { -webkit-transform:scale(0.0) } 50% { -webkit-transform:scale(1.0) } }
更新时间:2021-10-13 08:07:18