animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to model results

ground truth

Only CSS: Colorful Jewelry

model outputs

1<div id="sapphire"><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div><div class="cut"></div></div>