← back to Simple Spinnercompare with ground truth →
model output
Qwen3-VL-8B-Instruct
Simple Spinner
A 0.76T 0.23
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>Color Changing Circle</title>
7<style>
8 body {
9 background-color: #3a5a8a;
10 display: flex;
11 justify-content: center;
12 align-items: center;
13 height: 100vh;
14 margin: 0;
15 }
16 .circle {
17 width: 20px;
18 height: 20px;
19 border-radius: 50%;
20 background: #00c8ff;
21 animation: colorChange 3s ease-in-out;
22 }
23 @keyframes colorChange {
24 0% {
25 background: #00c8ff;
26 }
27 25% {
28 background: #00c8ff;
29 }
30 50% {
31 background: #d46a00;
32 }
33 75% {
34 background: #00c8ff;
35 }
36 100% {
37 background: #d46a00;
38 }
39 }
40</style>
41</head>
42<body>
43 <div class="circle"></div>
44</body>
45</html>