ground truth
Only CSS: Star Warp Display

csssource ↗
model outputs
Gemini 3 Flash Preview →
A 0.81T 0.32
Qwen3-VL-8B-Instruct (no output)
A —T —
GPT-5.4 →
A 0.85T 0.29
Claude Sonnet 4.6 →
A 0.66T 0.27
LLaMA 4 Scout →
A 0.62T 0.27
1<div class="frame"></div><div class="shadow"></div><div class="light"></div><div class="space"><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div><div class="line"><div class="star"><div class="graphic"></div></div></div></div>