Categorías

Últimas Publicaciones

Animaciones con Keyframes CSS3

Style Leading Meetup

Creando animaciones en CSS3 utilizando keyframes

Para este proyecto diseñamos una landing page de una aplicación y creamos animaciones con keyframes de CSS3 para simular particulas que se muestran en el background de nuestra pantalla.

Para el desarrollo del todo el proyecto solo utilizamos HTML5 y CSS3 solamente, hay que tomar en cuenta en el diseñador web de esta landing page quería mostrar un texto descriptivo o tagline de la aplicación y la imagen con las pantallas con la interfaz del app.

Como siempre les dejo los pasos del proyecto y un poco más abajo el enlace del video en Youtube si les interesa conocer cómo desarrollar el proyecto desde cero.

Paso #1: Estructura HTML5.

Lenguajes de etiquetas bajo las especificaciones de HTML5.

Paso #2: Creación de estilos con lenguaje CSS3.

Animación con Keyframes y uso de lenguaje CSS3 para los colores, bordes y demás detalles importantes.

Te cuento que puedes unirte a nuestro grupo de Meetup styleLeading donde hacemos proyectos en vivo y conversamos sobre diseño y desarrollo de sitios web: https://www.meetup.com/es/STYLE-LEADING/

También puedes suscribirte al nuestro canal en youtube para recibir la notificación cuando tengamos nuevo contenido útil para mejorar habilidades con desarrollador Font-end, recuerda que siempre hay algo nuevo por aprender, para suscribirte puedes utilizar el siguiente enlace:  Canal en Youtube

No olvides visitar nuestro BLOG para ver más contenido interesante.  Puedes utilizar el siguiente formulario para recibir en tu correo electrónico el proyecto con los archivos HTML y CSS, y así poder realizar las modificaciones que necesites y así mejorar el proyecto. 

Me despido como siempre, deseándote los mejor en tus proyectos.