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

model output

LLaMA 4 Scout

CSS3 loading animations

A 0.44T 0.05
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            background-color: black;
10        }
11        .circle {
12            position: absolute;
13            top: 50%;
14            left: 50%;
15            transform: translate(-50%, -50%);
16            width: 50px;
17            height: 50px;
18            border-radius: 50%;
19            background: radial-gradient(50px at center, #03A9F4 0%, #000 100%);
20        }
21    </style>
22</head>
23<body>
24    <div class="circle"></div>
25</body>
26</html>