Efecto de tarjeta coleccionable holográfica

La colección de cromos holográficos de Simon Goellner (@simeydotme) han captado nuestra atención.

Bajo el capó hay un conjunto de filter(), background-blend-mode(), mix-blend-mode()y clip-path() combinaciones que se han ajustado minuciosamente para alcanzar el efecto deseado. terminé usando un poco img { visibility: hidden; } en DevTools para tener una mejor idea de cada tipo de efecto holográfico.

Josh Dance (@JoshDance) respondió con un desglose de los efectos que le permite controlar manualmente las entradas.

Enlace directo →