A simple CSS animation that creates a stylized penguin using shapes, positioning, and layering.
This project focuses on practicing transforms, custom shapes, and playful UI motion.
- ๐ง Penguin built entirely with HTML & CSS
- ๐จ Custom shapes using borders, gradients, and positioning
- ๐๏ธ Smooth motion and subtle animation
- โ๏ธ Minimal, fun, and visually clean
- HTML5
- CSS3 (animations, transforms, custom shapes)
- Add a GIF preview of the penguin animation
- Experiment with blinking or waddling animations
- Add a background scene (snow, ice, aurora)
-
How to build characters using pure CSS shapes
-
How to layer elements to create depth
-
How to add subtle motion without JavaScript
-
frontend practice
