Skip to content

This is a fun HTML and CSS project that creates a cute sticker of a cartoon character. The sticker includes features like eyes, nose, mouth, ears, and legs, all designed using HTML and styled using CSS.

Notifications You must be signed in to change notification settings

withaarzoo/Animated-Hatch-Sticker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Hatch Sticker

This is a fun HTML and CSS project that creates a cute sticker of a cartoon character. The sticker includes features like eyes, nose, mouth, ears, and legs, all designed using HTML and styled using CSS. When hovering over the sticker, there are animations applied to the eyes and mouth to add an interactive element .

Preview

preview

How to Use

  1. Clone this repository to your local machine.
  2. Open the index.html file in a web browser.
  3. Hover over the sticker to see the animations.

HTML Structure

The HTML code defines the structure of the sticker using various elements such as <div>, <span>, and pseudo-elements.

CSS Styles

The CSS code provides styling for each component of the sticker, including colors, shapes, sizes, and animations.

Credits

This project was created by Aarzoo as a fun exercise in HTML and CSS.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

This is a fun HTML and CSS project that creates a cute sticker of a cartoon character. The sticker includes features like eyes, nose, mouth, ears, and legs, all designed using HTML and styled using CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published