- 掃描 ID:
- 8958f8a9-d864-430b-819e-58f4116abd1d已完成
- 已提交的 URL:
- https://flynorse.pages.dev/
- 報告完成時間:
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 3 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取
名稱 | 類型 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html><head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Still Loading....</title>
</head><body><center><br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br><br><br><br><br><br><br><br><br><br>
<style>
/* HTML: <div class="loader"></div> */
.loader {
width: 40px;
aspect-ratio: 1;
display: grid;
}
.loader::before,
.loader::after {
content: "";
grid-area: 1/1;
background: Red;
clip-path: square(0 0,101% 0, 0 100%);
animation: l13 2s infinite;
}
.loader::after {
--s:-1,-1;
}
@keyframes l13 {
0%,
10% {transform:scale(var(--s,1)) translate(0,0) rotate(0deg)}
33% {transform:scale(var(--s,1)) translate(20px,-20px) rotate(0deg)}
66% {transform:scale(var(--s,1)) translate(20px,-20px) rotate(180deg)}
90%,
100% {transform:scale(var(--s,1)) translate(0px,0px) rotate(180deg)}
}
.wrapper {
height: 20vh;
/*This part is important for centering*/
display: grid;
place-items: center;
}
.typing-demo {
width: 31ch;
animation: typing 1s steps(31), blink .1s step-end infinite alternate;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid;
font-family: monospace;
font-size: 2em;
}
@keyframes typing {
from {
width: 0
}
}
@keyframes blink {
50% {
border-color: transparent
}
}</style>
<div class="loader"></div>
<div class="wrapper">
<div class="typing-demo">
Sedang Memuat, Tunggu Sebentar.
</div>
</div>
</center></body></html>