How to create a cinematic text effect with CSS only - Video in text effect tutorial

Learn how to create a cinematic text effect with CSS only using mix-blend-mode property. The effect is inspired from the war movie 1917.

You can find the html and css file here:
https://github.com/jozsefkerekesve/ui-corner-with-J/blob/main/cinematictext.html
https://github.com/jozsefkerekesve/ui-corner-with-J/blob/main/main.css

Also I wrote an article on my blog about this:
https://www.ui-workarounds.com/how-to-create-cinematic-text-animation-with-css/