Frank's Laboratory Creative coding tutorials, vanilla JavaScript, HTML canvas, CSS experiments, no frameworks, no libraries

Hi. My name is Frank, I do creative coding tutorials using vanilla JavaScript and HTML canvas. Sometimes I also experiment with CSS.

Check out my YouTube channel, where you can find tutorials for beginners as well as advanced vanilla JavaScript projects. Lately I have been doing a lot of generative art, particle systems effects, JavaScript animations and game development

You can also follow me on Twitter if you want to contact me or see previews of my upcoming tutorials

Image hover effect – breaking into pieces

Added at 10:53 am on May 6, 2019

In this guide I’ll show you how to use background-size and background-position CSS properties to break image into pieces and put it back together