jsaroufim

Circle Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Create GIF hover on individual images within a summary block using CSS

jsaroufim posted a topic in Customize with code

I have added a summary block of images to my website. Upon hover/rollover, I would like each individual image to have its own animated gif that plays. I know how to add custom CSS to an entire block, but am having a hard time finding code to allow me to edit each hover image individually within the Summary Block. Thank you so much!
- March 16, 2022
- 1 reply
- - hover
  - summary-block
  - (and 2 more)
    Tagged with:
    
    hover
    
    summary-block
    
    summary
    
    images
Animate .gif on rollover?

jsaroufim replied to jmmddn's topic in Customize with code

@rwp Do you have code for how to do this when the images are within a summary block? I have added a summary block of gallery images to my site, and I would like each individual photo to have a custom gif on hover. I know how to find the block ID, but I cannot figure out how to customize each photo with its own animated rollover. I would like to continue using the summary block for best formatting. Thank you so much!