Background image change on element hover

Hi @lluisballbe, let me reply while other guys are busy.

You will need to add 2images (or divs with particular background images) inside the “Banner”. Banner should have position: relative nad both images should be position: absolute. Initially, they will have opacity: 0%.
Then you create interaction with Hover trigger for every of buttons:

  • 1st button will make 1st image opacity: 100% on hover and 0% when hover out.
  • 2nd button will do the same but to 2nd image.

Hope my explanation is clear enough.

Regards,
Anna

2 Likes