I decided to do this challenge to practice, improve, and learn new things about HTML, CSS, JavaScript, Web APIs, and between other things. It’s a challenge for me due I have to think “out of the box” and take advantage of my creativity.
| Day | Name | Github | Demo |
|---|---|---|---|
| 1 | Face reconigtion shopping | Github | In your localhost 😄 |
| 2 | 3D Parallax Card | Github | Codepen |
| 3 | Expanding flex cards | Github | Codepen |
| 4 | Clock neumorphism | Github | Codepen |
| 5 | Web components | Github | In your localhost 😄 |
| 6 | Snow effect | Github | Codepen |
| 7 | Fitness Landing Page | Github | Codepen |
| 8 | SVG Animation | Github | In your localhost 😄 |
| 9 | Gradient loader | Github | Codepen |
| 10 | Clip-path hover | Github | Codepen |
| 11 | Weather animations | Github | Codepen |
| 12 | Mix-blend mode | Github | Codepen |
| 13 | Animals | Github | Codepen |
| 14 | CSS mask & background-clip | Github | Codepen |
| 15 | Animation with motion | Github | Codepen |
| 16 | Parallax | Github | Codepen |
| 17 | Ratings with CSS-mask | Github | Codepen |
| 18 | Mix-blend-mode interaction | Github | Codepen |
| 19 | AudioContext API | Github | Codepen |
| 20 | Clip-path transition effect | Github | Codepen |
| 21 | Micro-interactions with Mo.js | Github | Codepen |
| 22 | Scroll snap & Text effects | Github | Codepen |
| 23 | Egypt Landing Page | Github | Codepen |
| 24 | CSS Book Effect | Github | Codepen |
| 25 | Images Effects | Github | Codepen |
| 26 | Shot Effect | Github | Codepen |
| 27 | Happy Birthday | Github | Codepen |
| 28 | Isometric Layout | Github | Codepen |
| 29 | Perspective cards | Github | Codepen |
| 30 | Memory Game | Github | Codepen |