JavaScript Image Animation Frames

By Kieran Hunter

This animation is made up of 6 image frames, where I use JavaScript image animation frames to show each section of the image inside a visible frame.

This is kind of how Google do their Google Doodles.

View the whole code and see how it works at CodePen.

Original JavaScript taken from this great tutorial at William Malone

CodePen embed

See the Pen JavaScript Image Animation by Kieran Hunter (@kieranfivestars) on CodePen.

Leave a comment

For any enquiries or to say hello, email me at