<ol>
<li><h3 id="heading-transitional-color-picker-animation">Transitional Color Picker Animation</h3>
</li>
</ol>
<p>Made by Taha Shashtari</p>
<p>Check here</p>
<p><a target="_blank" href="https://lnkd.in/de47GS8Q">https://lnkd.in/de47GS8Q</a>  </p>
<p><img src="https://img.youtube.com/vi/mmJ_wb2iWZ4/0.jpg" alt="Transitional Color Picker Animation" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-face-hop-animation-using-gsap">Face Hop Animation Using GSAP</h3>
</li>
</ol>
<p>Made by Steve Gardner</p>
<p>Check here</p>
<p><a target="_blank" href="https://lnkd.in/dW768JN7">https://lnkd.in/dW768JN7</a></p>
<p><img src="https://img.youtube.com/vi/XLWfd1EUPRY/0.jpg" alt="Face Hop Animation Using GSAP" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-airplane-guide-animation-using-gsap-scrolltrigger">Airplane guide animation using gsap scrolltrigger</h3>
</li>
</ol>
<p>Made by Steve Gardner</p>
<p>Check here</p>
<p><a target="_blank" href="https://lnkd.in/dBvuzbbc">https://lnkd.in/dBvuzbbc</a></p>
<p><img src="https://img.youtube.com/vi/wHy2HCsrGxo/0.jpg" alt="Airplane guide animation using gsap scrolltrigger" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-letter-hop-animation-using-gsap">Letter Hop Animation Using #gsap</h3>
</li>
</ol>
<p>Made by Steve Gardner</p>
<p>Check here<br /><a target="_blank" href="https://lnkd.in/d84GgRvU">https://lnkd.in/d84GgRvU</a>  </p>
<p><img src="https://img.youtube.com/vi/FcXrhnNJMKs/0.jpg" alt="Letter Hop Animation Using GSAP" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-ai-slider-animation-using-gsap">AI Slider Animation Using #gsap</h3>
</li>
</ol>
<p>Made by Chris Gannon</p>
<p>check here<br /><a target="_blank" href="https://lnkd.in/dsZSZu7d">https://lnkd.in/dsZSZu7d</a></p>
<p><img src="https://img.youtube.com/vi/TZuqcon6V7w/0.jpg" alt="AI Slider Animation Using GSAP" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-firework-effect-animation-in-pure-css">Firework Effect Animation in Pure CSS</h3>
</li>
</ol>
<p>Made by Amit Sheen</p>
<p>Check here<br /><a target="_blank" href="https://lnkd.in/dbNZep3e">https://lnkd.in/dbNZep3e</a>  </p>
<p><img src="https://img.youtube.com/vi/52RfFfvnw9Y/0.jpg" alt="Firework Effect Animation in Pure CSS" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-pod-race-animation-using-three-js">Pod Race Animation using Three JS</h3>
</li>
</ol>
<p>Made By Matthias Hurrle</p>
<p>Check here<br /><a target="_blank" href="https://lnkd.in/dn7BNVFh">https://lnkd.in/dn7BNVFh</a>  </p>
<p><img src="https://img.youtube.com/vi/Djrf20U59Ks/0.jpg" alt="Pod Race Animation using Three JS" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-svg-water-reflection-in-pure-css">SVG Water Reflection in Pure CSS</h3>
</li>
</ol>
<p>Made By CeramicSoda</p>
<p>Check here<br /><a target="_blank" href="https://lnkd.in/dV_7y7gB">https://lnkd.in/dV_7y7gB</a></p>
<p><img src="https://img.youtube.com/vi/5Xf4x3lPsuM/0.jpg" alt="SVG Water Reflection in Pure CSS" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-flying-through-hexagons-animation-in-pure-css">Flying through hexagons animation in pure CSS</h3>
</li>
</ol>
<p>Made by Amit Sheen</p>
<p>Check here<br /><a target="_blank" href="https://lnkd.in/d8Z57ybZ">https://lnkd.in/d8Z57ybZ</a>  </p>
<p><img src="https://img.youtube.com/vi/qovUV4mWWBo/0.jpg" alt="Flying through hexagons animation in pure CSS" class="image--center mx-auto" /></p>
<hr />
<ol>
<li><h3 id="heading-catch-the-light-game-in-pure-css">Catch the light game in pure CSS</h3>
</li>
</ol>
<p>Made By Amit Sheen</p>
<p>Check Here<br /><a target="_blank" href="https://lnkd.in/dbRiaPz4">https://lnkd.in/dbRiaPz4</a></p>
<p><img src="https://img.youtube.com/vi/IGfmQuHO1Ak/0.jpg" alt="Catch the light game in pure CSS" class="image--center mx-auto" /></p>


1. ### Transitional Color Picker Animation
    

Made by Taha Shashtari

Check here

[https://lnkd.in/de47GS8Q](https://lnkd.in/de47GS8Q)  
  

![Transitional Color Picker Animation](https://img.youtube.com/vi/mmJ_wb2iWZ4/0.jpg align="center")

  

---

1. ### Face Hop Animation Using GSAP
    

Made by Steve Gardner

Check here

[https://lnkd.in/dW768JN7](https://lnkd.in/dW768JN7)

![Face Hop Animation Using GSAP](https://img.youtube.com/vi/XLWfd1EUPRY/0.jpg align="center")

---

1. ### Airplane guide animation using gsap scrolltrigger
    

Made by Steve Gardner

Check here

[https://lnkd.in/dBvuzbbc](https://lnkd.in/dBvuzbbc)

![Airplane guide animation using gsap scrolltrigger](https://img.youtube.com/vi/wHy2HCsrGxo/0.jpg align="center")

---

1. ### Letter Hop Animation Using #gsap
    

Made by Steve Gardner

Check here  
[https://lnkd.in/d84GgRvU](https://lnkd.in/d84GgRvU)  
  
  

![Letter Hop Animation Using GSAP](https://img.youtube.com/vi/FcXrhnNJMKs/0.jpg align="center")

---

1. ### AI Slider Animation Using #gsap
    

Made by Chris Gannon

check here  
[https://lnkd.in/dsZSZu7d](https://lnkd.in/dsZSZu7d)

![AI Slider Animation Using GSAP](https://img.youtube.com/vi/TZuqcon6V7w/0.jpg align="center")

---

1. ### Firework Effect Animation in Pure CSS
    

Made by Amit Sheen

Check here  
[https://lnkd.in/dbNZep3e](https://lnkd.in/dbNZep3e)  
  

![Firework Effect Animation in Pure CSS](https://img.youtube.com/vi/52RfFfvnw9Y/0.jpg align="center")

  

---

1. ### Pod Race Animation using Three JS
    

Made By Matthias Hurrle

Check here  
[https://lnkd.in/dn7BNVFh](https://lnkd.in/dn7BNVFh)  
  

![Pod Race Animation using Three JS](https://img.youtube.com/vi/Djrf20U59Ks/0.jpg align="center")

  

---

1. ### SVG Water Reflection in Pure CSS
    

Made By CeramicSoda

Check here  
[https://lnkd.in/dV\_7y7gB](https://lnkd.in/dV_7y7gB)

![SVG Water Reflection in Pure CSS](https://img.youtube.com/vi/5Xf4x3lPsuM/0.jpg align="center")

---

1. ### Flying through hexagons animation in pure CSS
    

Made by Amit Sheen

Check here  
[https://lnkd.in/d8Z57ybZ](https://lnkd.in/d8Z57ybZ)  
  

![Flying through hexagons animation in pure CSS](https://img.youtube.com/vi/qovUV4mWWBo/0.jpg align="center")

---

1. ### Catch the light game in pure CSS
    

Made By Amit Sheen

Check Here  
[https://lnkd.in/dbRiaPz4](https://lnkd.in/dbRiaPz4)

![Catch the light game in pure CSS](https://img.youtube.com/vi/IGfmQuHO1Ak/0.jpg align="center")

Jon Snow's Blog

Jon Snow's Blog

10 Cool CodePen Demos Of this week

Transitional Color Picker Animation

Face Hop Animation Using GSAP

Airplane guide animation using gsap scrolltrigger

Letter Hop Animation Using #gsap

AI Slider Animation Using #gsap

Firework Effect Animation in Pure CSS

Pod Race Animation using Three JS

SVG Water Reflection in Pure CSS

Flying through hexagons animation in pure CSS

Catch the light game in pure CSS