Masterpiece.
La primera vez que veo un loop CSS.
Brillante, como siempre. Gracias.
⌚
Bueno. Al fin me recupero un poco y puedo volver a escribir.
Aunque no estoy lúcido del todo, quise ver si aceptaba animaciones. Y fue fácil. Ésta no es definitiva, es solamente para probar que se puede.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<style type="text/css">
.espiral div, .espiral {
position: absolute;
right: -1em;
top: -1px;
width: 1em;
height: 1em;
font-size: 0.85em;
border-top: 1px solid #666690;
border-left: 1px solid #666690;
border-radius: 100% 0 0 0;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.espiral {
font-size: 200px;
position: relative;
top: 1em;
cursor: pointer;
-webkit-transition: all 3s linear;
-moz-transition: all 3s linear;
-o-transition: all 3s linear;
-ms-transition: all 3s linear;
transition: all 3s linear;
}
.espiral:hover {
font-size:50px;
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
</head>
<body>
<div class="espiral">
<div><div><div><div>
<div><div><div><div>
<div><div><div><div>
<div><div><div><div>
<div><div><div><div>
</div></div></div></div>
</div></div></div></div>
</div></div></div></div>
</div></div></div></div>
</div></div></div></div>
</div>
</body>
</html>
Hay que poner un enlace hasta aquí en el otro tema. Lamento que se hayan pasado los seis meses, pero no estoy seguro de que desde los buscadores alguien abra un sitio que en su título dice "furoya" (especialmente en Japón), así que va a ser más fácil que lo vean desde el que puse originalmente.
Aunque, por mí, no hay problema en que me nombres. Me estás haciendo famoso.