https://github.com/withaarzoo/animated-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.
https://github.com/withaarzoo/animated-hatch-sticker

animation-css codewithaarzoo css html

Last synced: about 12 hours ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/withaarzoo/animated-hatch-sticker
• Owner: withaarzoo
• Created: 2024-03-03T08:54:54.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-04T07:16:50.000Z (9 months ago)
• Last Synced: 2024-03-04T10:23:21.135Z (9 months ago)
• Topics: animation-css, codewithaarzoo, css, html
• Language: CSS
• Homepage:
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/withaarzoo/Animated-Hatch-Sticker/assets/59678435/9a64522a-f909-4c58-b60e-e389803d40eb)

## 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 `
`, ``, 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](https://twitter.com/withaarzoo) as a fun exercise in HTML and CSS.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.