Recreating An EPIC Hover Effect

Thanks Newly Dev for pointing me to this site!

Tools used: SVG, HTML, CSS

Turbulence Generator:

Image by jcomp on Freepik

Music licensed by Artlist:

4oresight - Chill

You missed the most important part - applying more noise to the edges than to the center. This way the effect looks like motion blur when the zoom-in happens and that's what makes it cool and physical

[ViveVioPermana]

Thank you for giving such amazing content. Every single of your video is like the answer to my curiosity when I look at every website that has fancy animation

[zopenzop]

Your ability to make these complicated effects seem so much simpler is just amazing

[FrontendMasters]

Very excited to support the channel! We have been fans of Hyperplexed for a long time – so great to see someone out there creating compelling effects with solid knowledge of the fundamentals: HTML, CSS & JavaScript!

[wlockuz]

You manage to blow my mind with every new video!

It would be really interesting if you can invite some of the actual creators of some effects to talk about how they actually achieved it.

[baohuynh]

The editing on these videos are insane. And I love your calm and explanation so much

[cc_jmk]

I'm mesmerized with how long it probably takes to make these videoss for just 7 minutes of content, sometimes it's hard to see the value but I think it's an amazing form-factor. You trully make the puzzling become easy (or as easy as it can get, at least! hahah)

[tbaggingaddiction]

I came across your chanel about one month ago and was immediately amazed by your content. As a starting junior front end dev i'm exremely grateful for your videos, because I learn a lot even tho I have fun watching too! Keep it up :D

[harrisonhutton]

Absolutely amazing. Thank you so much for breaking this down in such a calm way.

[ricktar]

Absolutely love your content! The SVG part was way too relatable... Also made it to the end and when you said 'Holy whoever made it this far', That is how I was feeling when hearing how you went about learning to recreate this animation. I appreciate the breakdown and tips for little development needs that require such advanced understanding of the topic.

[saar]

The quality of your videos has been increasing, I'm loving it!

[lucienperrier]

Love your works! Really been helping in my school project ideas! ❤

[HugeApk]

Bro please, don't stop posting this awesome videos. Absolute amazing!

[mdrifat]

I was wating for your video for last 2 weeks. You don't know how much I love your content. I am a junior developer. You helped me so much with your content. You taught me to break down a complex mission into small tasks and how to achive them. Again, I love your content very much.

[Cet]

Wow, this was way more complex than I thought it was. Really great job!

[yoarnaldo]

Every video I watch, jaw dropped to floor learning a new technique. THANK YOU! Love format!

[qubism]

I think I remember when you first posted your channel on reddit back then and it's insane and well deserved how your channel grew. Congrats and until the next vid :)

[andreh.]

So many elements and properties I had no idea were available. 😮 Thank you for sharing!

[robertwallace]

major props for figuring out how to do that, it seems crazy complicated

[ameremortal]

That Advanced site is so beautiful. I can’t stop. Makes me wanna cry.