cinquefoil (eventually)

dabblet.css

/* cinquefoil (eventually) */

nav { margin:5% auto; position:relative; perspective:.001em;
  width:1.6em; overflow:hidden; height:1em }

@keyframes x { to {  } }
a { transform-origin:50%; background:hsla(222,100%,50%,.3); width:100%; height:1.6em; 
  display:inline-block;transform:rotate3d(1,0,0,1deg);
   position:absolute; animation:-spin 10s infinite alternate linear }

a:nth-child(1) {  }
a:nth-child(2) {  }
a:nth-child(3) {  }
a:nth-child(4) {  }
a:nth-child(5) {  }


body { font:16em/1 monospace }

dabblet.html

<nav>
 <a></a>
 <a></a>
 <a></a>
 <a></a>
 <a></a>
</nav>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}