animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to Simple loading indicators

model output

Qwen3-VL-8B-Instruct

Simple loading indicators

A 0.73T 0.28
compare with ground truth →
1<!DOCTYPE html>
2<html>
3<head>
4    <style>
5        @keyframes pulse {
6            0%, 100% { transform: scale(1); }
7            50% { transform: scale(1.1); }
8        }
9        
10        .box {
11            width: 20px;
12            height: 20px;
13            background: linear-gradient(to bottom, #2e8b57, #4a90e2);
14            position: absolute;
15            top: 10px;
16            left: 10px;
17            animation: pulse 1.5s ease-in-out infinite;
18        }
19    </style>
20</head>
21<body>
22    <div class="box"></div>
23
24    <script>
25        // No JavaScript needed for this simple animation
26    </script>
27</body>
28</html>