Merida Design Blog

Publicado el | Recursos / ,

Spinner de cargando animado con CSS3

En este pen se puede ver como a través del uso de los pseudo-elementos y las animaciones de CSS se puede crear un spinner animado usando únicamente un elemento html que puede fácilmente ser colocado en cualquier parte la interfaz de tu aplicación o página web.

See the Pen CSS3 Loading Spinner by Iván Villamil (@ivillamil) on CodePen.15465

Recuerda que puedes copiar el código directamente del ejemplo de arriba o crear una copia y modificarla directamente en la página de codepen.io

Conclusión

Las animaciones de CSS3 son una herramienta muy poderosa que puede ser usada para crear incribles efectos y animaciones, con los @keyframes es posible incluso crear una escena compleja.

Si te ha gustado el demo o incluso si no, puedes dejar tus comentarios y observaciones, me encantaría conocer tu opinión.



Publicaciones que pueden interesarte

    Deja un comentario

      tope
    Derechos Reservados, Merida Design 2017
    %d bloggers like this: