Dev Source

Transparent mp4 colorized in code

Have you ever wondered how to make an mp4 file with a transparent background and paint it through the blend mode? Because if you have, this technique will be useful to you. This is a kind of emulation of WebGL spheres.

This is a simple but neat technique to remove the background from a black and white video and color it using the mix-blend-mode property using pure CSS. This technique allows you to emulate various looped and dynamic spheres and shapes without using WebGL with a pre-prepared video.

The archive contains a simple demo project with some comments in the code. Instructions on how to deploy and run the application are in the file.

Dev Source
The complete source code is available for free on our GitHub page.

The source code is available on GitHub


Have an idea?

Tell us about it