HTML & CSS Pink effect hovering image

[sofiaduarte]

Hi there,

I'm trying to apply a color effect to several images in the same page. The image should turn in pink tones when hovering.

I was able to do this to one image with SVG (and a lot of CSS). The problem is that I need to apply this to many images in the same page, and the code gets very confusing with so much information.
Is there other way to do this?

Thanks!
Sofia Duarte

 

[Malcolm]

Hi @sofiaduarte,

Welcome to Code Forum!

From my understanding is that you want to give all the images on your website a special hovering effect but code is becoming confusing, is that correct? If you could, can you share your code?

Edit: Do you want it where if you hover on one picture it does the hover effect for them all or just one image?

You can assign all the images with the same class which can reduce the amount of repeat code.