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

rendered animation

Hypnotic CSS Loader

1<div class="loader">
2  <div>
3    <div>
4      <div>
5        <div>
6          <div>
7            <div>
8              <div>
9                <div>
10                  <div>
11                    <div>
12                      <div>
13                        <div>
14                          <div>
15                            <div>
16                              <div>
17                                <div>
18                                  <div>
19                                    <div>
20                                      <div>
21                                        <div>
22                                          <div>
23                                            <div>
24                                              <div>
25                                                <div>
26                                                  <div>
27                                                    <div>
28                                                    </div>
29                                                  </div>
30                                                </div>
31                                              </div>
32                                            </div>
33                                          </div>
34                                        </div>
35                                      </div>
36                                    </div>
37                                  </div>
38                                </div>
39                              </div>
40                            </div>
41                          </div>
42                        </div>
43                      </div>
44                    </div>
45                  </div>
46                </div>
47              </div>
48            </div>
49          </div>
50        </div>
51      </div>
52    </div>
53  </div>
54</div>