- 제출된 URL:
- https://flynorse.pages.dev/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 3개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름 | 유형 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
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>