animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to Such Spinners, Much Loading

model output

Qwen3-VL-8B-Instruct

Such Spinners, Much Loading

A 0.84T 0.19
compare with ground truth →
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            margin: 0;
14            background-color: white;
15        }
16        .dot {
17            width: 10px;
18            height: 10px;
19            background-color: #ccc;
20            border-radius: 50%;
21            animation: pulse 1.5s ease-in-out;
22        }
23        @keyframes pulse {
24            0% {
25                transform: scale(1);
26                opacity: 1;
27            }
28            50% {
29                transform: scale(0.5);
30                opacity: 0.5;
31            }
32            100% {
33                transform: scale(1);
34                opacity: 1;
35            }
36        }
37    </style>
38</head>
39<body>
40    <div class="dot"></div>
41</body>
42</html>