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
For the time being, this content is available only by signing up to our Patreon. Sign up to get early access or get free access to watch other design courses.

Unlock this content by becoming a patron.


Have an idea?

Tell us about it