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

rendered animation

magic cube loading effect with css3

1<div class="cube">
2    <div class="ani1">
3      <div class="front"><i></i><i></i><i></i></div>
4      <div class="left"><i></i><i></i><i></i></div>
5    </div>
6    <div class="ani2">
7      <div class="front"><i></i><i></i><i></i></div>
8      <div class="bottom"><i></i><i></i><i></i></div>
9    </div>
10    <div class="ani3">
11      <div class="front"><i></i><i></i><i></i></div>
12      <div class="right"><i></i><i></i><i></i></div>
13    </div>
14    <div class="ani4">
15      <div class="front"><i></i><i></i><i></i></div>
16      <div class="top"><i></i><i></i><i></i></div>
17    </div>
18    <div class="shadow"></div>
19</div>