# Hover snake effect

**URL:** <https://forum.readymag.com/t/hover-snake-effect/2926>\
**Category:** Custom code\
**Created:** [May 15, 2024, 4:44pm UTC](https://forum.readymag.com/t/hover-snake-effect/2926 "2024-05-15T16:44:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marcella\_Winograd](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/marcella_winograd/32/1670_2.png) [@Marcella\_Winograd](https://forum.readymag.com/u/Marcella_Winograd)\
**Post date:** [May 15, 2024, 4:44pm UTC](https://forum.readymag.com/t/hover-snake-effect/2926/1 "2024-05-15T16:44:19Z")

</div>

Hey! I am trying to recreate this effect when hovering on the page. Any idea on how to create this? [Motion Sickness — A creative agency based in Aotearoa.](https://motionsickness.co.nz/?gad_source=1&gclid=CjwKCAjwupGyBhBBEiwA0UcqaL0BgW7ez8iGQP6d8C-yTJVYbVs4NuBy3D6feP0_7RjkSjQzEU6_bxoCWbgQAvD_BwE)

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [May 16, 2024, 12:57pm UTC](https://forum.readymag.com/t/hover-snake-effect/2926/2 "2024-05-16T12:57:54Z")

</div>

hi,  
this might be what you are looking for: **[https://www.youtube.com/watch?v=8Jjgyd3I2-g](https://www.youtube.com/watch?v=8Jjgyd3I2-g)**  
The code is in the description.
