← back to Single Element Spinnercompare with ground truth →
model output
LLaMA 4 Scout
Single Element Spinner
A 0.82T 0.30
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 .arc {
9 position: absolute;
10 top: 50px;
11 left: 50px;
12 width: 50px;
13 height: 50px;
14 border-radius: 50%;
15 border-top: 2px solid #0000ff;
16 border-color: #0000ff;
17 animation: rotate 4s linear infinite;
18 }
19
20 @keyframes rotate {
21 0% {
22 transform: rotate(0deg);
23 }
24 25% {
25 transform: rotate(90deg);
26 }
27 50% {
28 transform: rotate(180deg);
29 }
30 75% {
31 transform: rotate(270deg);
32 }
33 100% {
34 transform: rotate(360deg);
35 }
36 }
37 </style>
38</head>
39<body>
40 <div class="arc"></div>
41</body>
42</html>