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

ground truth

Loading Text (real PURE CSS)

css4.4ssource ↗

model outputs

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <link rel="stylesheet" href="style.css">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>Loading Text Animation</title>
9</head>
10<body>
11      <div class="container loader">
12          <span>L</span>  
13          <span>O</span>  
14          <span>A</span>  
15          <span>D</span>  
16          <span>I</span>  
17          <span>N</span>  
18          <span>G</span>  
19          <span>.</span>  
20          <span>.</span>
21          <span>.</span>
22        </div>
23        </body>
24</html>