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

rendered animation

Only CSS: Rorschach

1<div class="panel"></div><div class="field field_2"><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div></div><div class="field field_3"><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div><div class="roter"><div class="circle"></div></div></div>