ground truth

Only CSS: Text Slicer

css8ssource ↗

model outputs

Gemini 3 Flash Preview →

A 0.72T 0.21

Qwen3-VL-8B-Instruct (no output)

A —T —

GPT-5.4 →

A 0.63T 0.33

Claude Sonnet 4.6 →

A 0.78T 0.35

LLaMA 4 Scout →

A 0.39T 0.22

1<!-- Please typing your favorite word!--><div id="ui"><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div><div class="text">HAPPY HALLOWEEN :)</div></div>