From 794defeb47369abaeccbe38b2e4e4f9db3a712ca Mon Sep 17 00:00:00 2001 From: SuTang Date: Mon, 10 Apr 2023 17:49:51 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8D=9A=E5=AE=A2=E5=8A=A0=E8=BD=BD?= =?UTF-8?q?=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- world/pageLoading.css | 81 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 81 insertions(+) create mode 100644 world/pageLoading.css diff --git a/world/pageLoading.css b/world/pageLoading.css new file mode 100644 index 0000000..feefc22 --- /dev/null +++ b/world/pageLoading.css @@ -0,0 +1,81 @@ +.pace { + -webkit-pointer-events: none; + pointer-events: none; + + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + + z-index: 2000; + position: fixed; + height: 90px; + width: 90px; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.pace.pace-inactive .pace-activity { + display: none; +} + +.pace .pace-activity { + position: fixed; + z-index: 2000; + display: block; + position: absolute; + left: -30px; + top: -30px; + height: 90px; + width: 90px; + display: block; + border-width: 30px; + border-style: double; + border-color: #29d transparent transparent; + border-radius: 50%; + + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + + -webkit-animation: spin 1s linear infinite; + -moz-animation: spin 1s linear infinite; + -o-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +.pace .pace-activity:before { + content: ' '; + position: absolute; + top: 10px; + left: 10px; + height: 50px; + width: 50px; + display: block; + border-width: 10px; + border-style: solid; + border-color: #29d transparent transparent; + border-radius: 50%; + + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +@-webkit-keyframes spin { + 100% { -webkit-transform: rotate(359deg); } +} + +@-moz-keyframes spin { + 100% { -moz-transform: rotate(359deg); } +} + +@-o-keyframes spin { + 100% { -moz-transform: rotate(359deg); } +} + +@keyframes spin { + 100% { transform: rotate(359deg); } +} \ No newline at end of file