animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to SVG Loading icons

model output

LLaMA 4 Scout

SVG Loading icons

A 0.56T 0.14
compare with ground truth →
1<!DOCTYPE html>
2<html>
3<head>
4    <style>
5        body {
6            background-color: #333;
7            margin: 0;
8            padding: 0;
9            overflow: hidden;
10        }
11        .cursor {
12            position: absolute;
13            top: 50%;
14            left: 50%;
15            transform: translate(-50%, -50%);
16            width: 10px;
17            height: 10px;
18            background-color: orange;
19            border-radius: 50%;
20            animation: blink 1s infinite;
21        }
22        @keyframes blink {
23            0% {
24                transform: translate(-50%, -50%) scale(1);
25            }
26            50% {
27                transform: translate(-50%, -50%) scale(1.2);
28            }
29            100% {
30                transform: translate(-50%, -50%) scale(1);
31            }
32        }
33    </style>
34</head>
35<body>
36    <div class="cursor"></div>
37</body>
38</html>