← back to CSS3 loading animationscompare with ground truth →
model output
LLaMA 4 Scout
CSS3 loading animations
A 0.44T 0.05
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>