Skip to content

Commit 6640c29

Browse files
withaarzoowithaarzoo
authored
Add files via upload
1 parent 5dfaa0c commit 6640c29

File tree

4 files changed

+4258
-0
lines changed

4 files changed

+4258
-0
lines changed

‎[ Day 12 ] - Animated Eevee Pokemon/README.md

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
# Animated Eevee Pkemon
2+
3+
## Description
4+
5+
This project showcases an animated eevee pokemon created using HTML and CSS. The animation includes various elements such as blinking eyes, wagging tail, and moving ears to bring the eevee to life.
6+
7+
## Preview
8+
9+
<div style="display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 0.6rem;">
10+
<img src="preview.gif" alt="preview GIF" width="100%" height="100%" style="overflow: none; border-radius: inherit;"/>
11+
</div>
12+
13+
This preview showcases the animated eevee in action.
14+
15+
## Features
16+
17+
- Eye blinking animation
18+
- Tail wagging animation
19+
- Ear shaking animation
20+
- Mouth movement animation
21+
- Body shaking animation
22+
- Neck shaking animation
23+
24+
## Intended Use
25+
26+
This project can be used as a fun addition to websites or applications that involve animations. It's a great way to add personality and charm to your digital creations.
27+
28+
## Installation
29+
30+
1. Clone the repository:
31+
32+
```
33+
git clone https://github.com/withaarzoo/Animated-Eevee-Pokemon.git
34+
```
35+
36+
2. Open the `index.html` file in your web browser.
37+
38+
## Usage
39+
40+
- Simply open the HTML file in a web browser to view the animated cute puppy.
41+
- Customize the animations or add more features according to your preferences by modifying the CSS file.
42+
43+
## License
44+
45+
This project is licensed under the [License Name] License - see the [LICENSE](LICENSE) file for details.
46+
47+
---
48+
49+
Feel free to customize the README according to your project's specific details and requirements. You can also include links to your social media profiles or personal website for contact or further information.

‎[ Day 12 ] - Animated Eevee Pokemon/index.html

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="style.css">
9+
<title>Animated Eevee Pokemon</title>
10+
</head>
11+
12+
<body>
13+
<div class="eevee">
14+
<div class="body">
15+
<div class="head">
16+
<div class="ears">
17+
<div class="ear">
18+
<div class="lobe"></div>
19+
</div>
20+
<div class="ear">
21+
<div class="lobe"></div>
22+
</div>
23+
</div>
24+
<div class="face">
25+
<div class="eyes">
26+
<div class="eye">
27+
<div class="eyelid"></div>
28+
</div>
29+
<div class="eye">
30+
<div class="eyelid"></div>
31+
</div>
32+
</div>
33+
<div class="nose"></div>
34+
<div class="mouth"></div>
35+
</div>
36+
</div>
37+
<div class="chest">
38+
<div class="fur">
39+
<div class="patch"></div>
40+
</div>
41+
<div class="fur">
42+
<div class="patch"></div>
43+
</div>
44+
<div class="fur">
45+
<div class="patch"></div>
46+
</div>
47+
</div>
48+
<div class="legs">
49+
<div class="leg">
50+
<div class="inner-leg"></div>
51+
</div>
52+
<div class="leg">
53+
<div class="inner-leg"></div>
54+
</div>
55+
<div class="leg">
56+
<div class="inner-leg"></div>
57+
</div>
58+
<div class="leg">
59+
<div class="inner-leg"></div>
60+
</div>
61+
</div>
62+
<div class="tail">
63+
<div class="tail">
64+
<div class="tail">
65+
<div class="tail">
66+
<div class="tail">
67+
<div class="tail -end"></div>
68+
</div>
69+
</div>
70+
</div>
71+
</div>
72+
</div>
73+
</div>
74+
</div>
75+
</body>
76+
77+
</html>

‎[ Day 12 ] - Animated Eevee Pokemon/preview.gif

1.05 MB
Loading

0 commit comments

Comments
 (0)