Image hover effects

Anthony Thornley

• January 25, 2021 07:39

Hi there, could you please advise as to how we are able to apply simple hover effects to images. Hopefully there is some way to apply either a zoom on hover or colour overlay on hover to an image? If not could you possibly advise as to a suitable plugin perhaps?

Thanks!

0

• 

  Alex

  • January 25, 2021 15:08

  Hi,

  unfortunately, at the moment we don't have image hover options. You can add a shadow on hover: https://youtu.be/A4iAvYM4TZ8 or you could do something interesting with custom CSS: https://youtu.be/yX9ppkyPjWI

  0
• 

  Donatella Ruscitti

  • August 22, 2021 03:37

  Hi there :)

  I really hope that in the next version of Brizy we can find the "image hover" option too, because at this time I used a method that I used a lot of years ago in html. Here is my way to add a rollover on images without any css.

  1. I create a row with a column

  2. add the image as a background

  3. create a trasparent pixel and add it on the backgorund

  4. set overlay color and trasparency on the background

  5. add a link

  In this way the only problem is when you have a cool gallery with a lot of images and you want put on the "open in a lightbox" option. 

  Anyway if you have a gallery I dowloaded a plugin to make rollover with colors or txt too.

  I hope this 90' trick will help someone. ;)

  have a great day.

   

   

  0
• 

  Heinen Home Design

  • April 26, 2023 09:11

  A little bit late, but here is the solution:

  Give an CSS class, for exemple "image".

  Then, in Individual css:

  .image img {
  transition: transform .3s !important;
  }

  .image:hover img {
  transform: scale(1.05);
  }

  Done.

  0

Please sign in to leave a comment.