DanteCervantes.com

Animación de lista tipo Material Design con Javascript

Publicado por : Dante | 6 abril, 2016 | 10:04 am

 

En esta ocasión comparto con ustedes una animación que estuve buscando, y lamentablemente no la encontré.

Se trata de una animación de Lista como lo hace Android Lollipop.

Comencemos

En el editor de tu preferencia debes crear un archivo llamado index.html con el siguiente contenido.

Si utilizas Emmet, utiliza este código

Así mismo crearemos un archivo llamado main.js con el siguiente contenido:

De igual forma creamos un archivo llamado style.css con el contenido siguiente:

El resultado final será este:

Conclusión

Las animaciones de los diversos dispositivos con los que actualmente convivimos pueden ser traducidas de una manera sencilla a la web.

También puede interesarte esta directiva para angular!

  • RichZC

    Sería más útil si explicas qué significan las sentencias del CSS.

    • Gracias por la recomendación, acabo de añadir unos cuantos comentarios.

      • sonu sidhu

        Did you work on ionic printer?

Recibe los mejores desarrollos y tutoriales

* campos requeridos

redes sociales