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

rendered animation

Only CSS: Particle Circle

1<div id="egg"><div class="stage"><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div></div><div class="stage"><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div></div><div class="stage"><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div><div class="circle"><div class="x"><div class="y"><div class="inner"></div></div></div></div></div></div>