← back to Loaders (WIP)compare with ground truth →
model output
Qwen3-VL-8B-Instruct
Loaders (WIP)
A 0.88T 0.29
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Dot Animation</title>
7 <style>
8 body {
9 margin: 0;
10 padding: 0;
11 background-color: #e74c3c;
12 display: flex;
13 justify-content: center;
14 align-items: center;
15 height: 100vh;
16 overflow: hidden;
17 }
18 .dots {
19 display: flex;
20 position: relative;
21 width: 30px;
22 height: 30px;
23 }
24 .dot {
25 width: 6px;
26 height: 6px;
27 border-radius: 50%;
28 margin: 0 2px;
29 background-color: white;
30 animation: pulse 1.5s infinite ease-in-out;
31 opacity: 0.7;
32 }
33 .dot:nth-child(1) {
34 animation-delay: 0s;
35 animation-duration: 1.5s;
36 }
37 .dot:nth-child(2) {
38 animation-delay: 0.3s;
39 animation-duration: 1.5s;
40 }
41 .dot:nth-child(3) {
42 animation-delay: 0.6s;
43 animation-duration: 1.5s;
44 }
45 @keyframes pulse {
46 0%, 100% {
47 transform: scale(1);
48 opacity: 0.7;
49 }
50 50% {
51 transform: scale(1.2);
52 opacity: 1;
53 }
54 }
55 </style>
56</head>
57<body>
58 <div class="dots">
59 <div class="dot"></div>
60 <div class="dot"></div>
61 <div class="dot"></div>
62 </div>
63</body>
64</html>