Effetto su doppia immagine

All’apparenza un effetto semplice ma che nasconde delle insidie tecniche.

I CSS Filter vengono automaticamente applicati anche agli elementi figli: in questo esempio, per aggirare l’ostacolo, ho usato uno pseudo elemento con l’immagine di background uguale all’immagine principale.
L’utilizzo di una transizione rende l’effetto visivamente ancora più accattivante.

Una soluzione accettabile anche lato accessibilità, visto che non vi sono due elementi immagine identici.

Buona visione! 🙂

 

See the Pen Double image effect with CSS filter by Antonio (@conlaccento) on CodePen.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *