ground truth

CSS3 loading animations

jssource ↗

model outputs

Gemini 3 Flash Preview →

A 0.87T 0.14

Qwen3-VL-8B-Instruct →

A 0.72T 0.28

GPT-5.4 →

A 0.82T 0.22

Claude Sonnet 4.6 →

A 0.86T 0.25

LLaMA 4 Scout →

A 0.54T 0.31

1<div id="loadpulse">
2    <div class="segment">
3      <div id="layer1" class="ball"></div>
4      <div id="layer7" class="pulse"></div>
5    </div>
6    <div class="segment">
7      <div id="layer2" class="ball"></div>
8      <div id="layer8" class="pulse"></div>
9    </div>
10    <div class="segment">
11      <div id="layer3" class="ball"></div>
12      <div id="layer9" class="pulse"></div>
13    </div>
14    <div class="segment">
15      <div id="layer4" class="ball"></div>
16      <div id="layer10" class="pulse"></div>
17    </div>
18    <div class="segment">
19      <div id="layer5" class="ball"></div>
20      <div id="layer11" class="pulse"></div>
21    </div>
22</div>
23