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

ground truth

Only CSS: Truck a GO, GO! GOOOO!!

model outputs

1<div id="truck"><div class="body"><div class="shadow"></div><div class="cockpit"><div class="front"></div><div class="back"></div><div class="left"></div><div class="right"></div><div class="top"></div><div class="bottom"></div><div class="front_window window"></div><div class="left_window window"></div><div class="right_window window"></div><div class="handle"></div><div class="left_seat_back"></div><div class="left_seat_bottom"></div><div class="right_seat_back"></div><div class="right_seat_bottom"></div><div class="left_headlight"></div><div class="right_headlight"></div></div><div class="bed"><div class="front"></div><div class="left"></div><div class="right"></div><div class="back"></div><div class="bottom"></div></div><div class="tire"><div class="front_tire"><div class="shaft shaft_a"></div><div class="shaft shaft_b"></div><div class="left"></div><div class="right"></div></div><div class="rear_tire"><div class="shaft shaft_a"></div><div class="shaft shaft_b"></div><div class="left"></div><div class="right"></div></div></div></div></div>