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

rendered animation

Only CSS: Genki-dama

1<div id="earth"><div class="mantle"><div class="ground"><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div></div><div class="ground"><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div><div class="core"><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div><div class="light"><div class="light_inner"></div></div></div></div></div></div>