String Curtains With Motion Animation on Hover

Image: String Curtains With Motion Animation on Hover GIF

This is a very cool string curtain animation on hover that can be used to do a big reveal by hiding the content behind the curtain. This was made by Three.js, verlet.js and canvas by Kevin Levron. When you hover over the strings they move around with almost real physics animation.

If you are having trouble with the pen, try the archived copy on GitHub

Curtains Snippet

See the Pen What’s behind ? by Kevin Levron (@soju22) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.