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

model output

LLaMA 4 Scout

Tiny Single Element Loading Animations

A 0.45T 0.00
compare with ground truth →
1<!DOCTYPE html>
2<html>
3<head>
4    <title>Animation</title>
5    <style>
6        .animation {
7            position: relative;
8            width: 100vw;
9            height: 100vh;
10            background-color: #ffffff;
11            animation: appear 1s;
12        }
13        @keyframes appear {
14            0% { 
15                opacity: 0;
16            }
17            100% { 
18                opacity: 1;
19            }
20        }
21    </style>
22</head>
23<body>
24    <div class="animation"></div>
25</body>
26</html>