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

ground truth

Only CSS: Bicycle

model outputs

1<p>Bicycle</p><div id="road"><div class="shadow"></div><div class="bike"><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="wind"></div><div class="bike_body"><div class="bike_body_pedal"><div class="arm_a"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div><div class="pedal_a"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div></div><div class="arm_b"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div><div class="pedal_b"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div></div></div><div class="bike_body_saddle"><div class="bike_body_saddle_side_a"></div><div class="bike_body_saddle_side_b"></div></div><div class="bike_body_rear"><div class="arm_a"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div><div class="arm_b"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div><div class="arm_c"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div><div class="arm_d"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div></div><div class="bike_body_triangle"><div class="side_a"><div class="bike_body_frame_1"></div><div class="bike_body_frame_2"></div><div class="bike_body_frame_3"></div></div><div class="side_b"><div class="bike_body_frame_1"></div><div class="bike_body_frame_2"></div><div class="bike_body_frame_3"></div></div></div><div class="bike_body_front"><div class="side_a"><div class="bike_body_frame_1"></div><div class="bike_body_frame_2"></div></div><div class="side_b"><div class="bike_body_frame_1"></div><div class="bike_body_frame_2"></div></div><div class="side_c"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div><div class="arm_a"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div><div class="arm_b"><div class="bike_body_frame_side_a"></div><div class="bike_body_frame_side_b"></div></div></div></div><div class="bike_tire front"><div class="rotate_tire"><div class="side_a"><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div></div><div class="side_b"><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div></div><div class="side_c"><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div></div></div></div><div class="bike_tire rear"><div class="rotate_tire"><div class="side_a"><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div></div><div class="side_b"><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div></div><div class="side_c"><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div><div class="bike_tire_frame"></div></div></div></div></div></div>