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 |