CSS Overlay Animation sur PNG Image

Question

Aujourd'hui, je personnalisais mon site et je me suis souvenu d'un très bel effet CSS que j'ai vu il y a quelques mois. Je n'ai pas trouvé sur mes signets.

Le site Web avait un grand logo avec des couleurs se déplaçant dessus. Après avoir lu le code source, j'ai vu que le logo était un fichier PNG noir, et il y avait une autre image, un cercle de couleur qui sintinait, mais il y avait un effet de superposition que les couleurs du cercle n'apparaissent que sur les parties noires. le logo.

quelqu'un connaît le site Web ou comment puis-je utiliser cet effet? faire apparaître une image seulement sur des parties non-transparentes d'une autre image?

Merci et meilleures salutations

Answer 1

Sonne comme il pourrait être CSS blending modes, qui ont été introduites par Adobe et currently work in some builds of WebKit avec un préfixe -webkit.