Little Penguin with CSS

Descripción:

Este proyecto crea una animación de un pingüino lindo usando CSS. La animación consiste en un pingüino parado sobre una montaña, con un brazo levantado en un movimiento ondulatorio.

Objetivo:

El objetivo de este proyecto era crear una animación simple de un pingüino usando CSS. El proyecto demuestra el uso de las siguientes técnicas CSS:

• Variables CSS: Se utilizan para definir los colores del pingüino.
• Posicionamiento: Se utiliza para colocar las diferentes partes del pingüino en la página.
• Transformaciones: Se utilizan para animar el brazo izquierdo del pingüino. Lógica:

Técnicas:

• Variables CSS: Se utilizan para definir los colores del pingüino. Esto hace que el código sea más legible y fácil de mantener.
• Posicionamiento: Se utiliza para colocar las diferentes partes del pingüino en la página. Esto se hace utilizando las propiedades position, top, left, width y height.
• Transformaciones: Se utilizan para animar el brazo izquierdo del pingüino. Esto se hace utilizando la propiedad transform y la animación wave.

Conclusión:

Este proyecto es una buena manera de aprender a usar CSS para crear animaciones. El proyecto es relativamente simple, pero aún así puede ser desafiante y gratificante.

Demo

Puedes ver una demo del sitio web aquí: https://jerangel1.github.io/Littlepenguin/

Gracias por visitar mi sitio web. Si quieres saber más sobre mí o mi trabajo, puedes encontrarme en las siguientes redes sociales:

• Twitter
• LinkedIn
• GitHub

# Littlepenguin