Skip to content

KernelaKlees/Penguin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿง Penguin

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.


โœจ Features

  • ๐Ÿง Penguin built entirely with HTML & CSS
  • ๐ŸŽจ Custom shapes using borders, gradients, and positioning
  • ๐ŸŽž๏ธ Smooth motion and subtle animation
  • โ„๏ธ Minimal, fun, and visually clean

๐Ÿ› ๏ธ Tech Stack

  • HTML5
  • CSS3 (animations, transforms, custom shapes)

๐Ÿ“ธ Preview

Penguin Animation


๐Ÿ”ง Future Improvements

  • Add a GIF preview of the penguin animation
  • Experiment with blinking or waddling animations
  • Add a background scene (snow, ice, aurora)

๐Ÿ’ก What I Learned

  • How to build characters using pure CSS shapes

  • How to layer elements to create depth

  • How to add subtle motion without JavaScript

  • frontend practice

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors