Web is full of images. They serve as background, supplement our content or are put in the center of attention. A well-known technique for making media more engaging, especially in the background, is parallax scrolling. It adds some joy to the experience through spectacular motion. In this article, I’m going to explore another trick for enhancing pictures on the web, which I call Canvas Over.
The idea is very simple: we put <canvas> element on top of <img> and draw on it. How it’s supposed to improve the experience? Let’s dive into examples!