shattering image
comment 0

Shattered Glass Transition Effect

In this Codepen post, Szenia Zadvornykh creates a slideshow demo with a unique shattered glass transition effect that happens when the user clicks on the image to change between slides. This shattering image effect was coded using the GreenSock Animation Platform (GSAP) JavaScript library. GSAP is a flexible and highly optimized suite of tools for scripted animation developed by GreenSock. Might sound mouthful and cool too, so hit on the button to view how it is done!

View Demo

Filed under: JavaScript

About the Author

Posted by

Sani Halid is a front-end developer at Stampede and is committed to clean and elegant code. Yet another gamer to join the pack, Sani is also the Editor at Constructs where he shares his daily CSS findings and other front-end development goods.

Leave a Reply