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

model output

Qwen3-VL-8B-Instruct

flat loading animate

A 0.85T 0.14
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    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>