← back to flat loading animatecompare with ground truth →
model output
Qwen3-VL-8B-Instruct
flat loading animate
A 0.85T 0.14
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>Animation</title>
7<style>
8 body {
9 display: flex;
10 justify-content: center;
11 align-items: center;
12 height: 100vh;
13 background: white;
14 overflow: hidden;
15 }
16 .dot {
17 width: 16px;
18 height: 16px;
19 border-radius: 50%;
20 margin: 0 4px;
21 animation: pulse 1.5s ease-in-out infinite alternate;
22 }
23 .dot:nth-child(1) { background: #ff8080; }
24 .dot:nth-child(2) { background: #80d0ff; }
25 .dot:nth-child(3) { background: #ff8080; }
26 .dot:nth-child(4) { background: #80d0ff; }
27 @keyframes pulse {
28 0% { transform: scale(1); }
29 50% { transform: scale(1.2); }
30 100% { transform: scale(1); }
31 }
32</style>
33</head>
34<body>
35 <div class="dot"></div>
36 <div class="dot"></div>
37 <div class="dot"></div>
38 <div class="dot"></div>
39</body>
40</html>