animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to Single Element Spinner

model output

Qwen3-VL-8B-Instruct

Single Element Spinner

A 0.92T 0.28
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>Circle Animation</title>
7<style>
8  body {
9    margin: 0;
10    padding: 0;
11    background-color: black;
12    overflow: hidden;
13    display: flex;
14    justify-content: center;
15    align-items: center;
16    height: 100vh;
17  }
18  .circle {
19    width: 20px;
20    height: 20px;
21    border: 2px solid cyan;
22    border-radius: 50%;
23    position: absolute;
24    top: 20px;
25    left: 20px;
26    animation: pulse 2s ease-in-out infinite alternate;
27  }
28  @keyframes pulse {
29    0% {
30      transform: scale(1);
31    }
32    100% {
33      transform: scale(1.2);
34    }
35  }
36</style>
37</head>
38<body>
39  <div class="circle"></div>
40</body>
41</html>