#30DaysOfCode

In 2020, I decided to do this challenge to practice, improve, and learn new things about HTML, CSS, JavaScript, and Web APIs. I had to think "out of the box" and be creative, but I really enjoyed it.

Face reconigtion shopping
1. Face reconigtion shopping
3D Parallax card
2. 3D Parallax card
Expanding flex cards
3. Expanding flex cards
Clock neumorphism
4. Clock neumorphism
Web components
5. Web components
Snow effect
6. Snow effect
Fitness lading page
7. Fitness lading page
SVG Animations
8. SVG Animations
Gradient loader
9. Gradient loader
Clip-path hover
10. Clip-path hover
Weather animations
11. Weather animations
Mix-blend-mode
12. Mix-blend-mode
Animals
13. Animals
CSS mask & background-clip
14. CSS mask & background-clip
Animation with motion
15. Animation with motion
Parallax
16. Parallax
Ratings with CSS-mask
17. Ratings with CSS-mask
Mix-blend-mode interaction
18. Mix-blend-mode interaction
AudioContext API
19. AudioContext API
Clip-path transition effect
20. Clip-path transition effect
Micro-interactions with Mo.js
21. Micro-interactions with Mo.js
Scroll snap & Text effects
22. Scroll snap & Text effects
Egypt Landing Page
23. Egypt Landing Page
CSS Book Effect
24. CSS Book Effect
Images Effects
25. Images Effects
Shot Effect
26. Shot Effect
Happy Birthday
27. Happy Birthday
Isometric Layout
28. Isometric Layout
Perspective cards
29. Perspective cards
Memory Game
30. Memory Game