Image Alt-Text Appear on Hover

Hello, 

I'm trying to have the Alt-Text appear on the bottom of the image when I hover. Like below. 

I've also included some effects on hover - it rotates several degrees on hover. 

Any idea if there's a way to add the alt-text to this on CSS? 

THANK YOU!

Can you share link to the image? We can check easier

This is the link! 

https://www.osires.co/words

Thank you! 

You mean

Initial: hide title under image

Hover on image: show title under image

?

Yes. Is that possible? 

Try this to Website Tools (under Not Linked) > Code Injection > Footer (for first image, If it works, I will give guide for other images)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $('.fe-block-5aa17825ebb3f929e35b').hover(function(){
    $('.fe-block-yui_3_17_2_1_1695729662197_6283').addClass("show");
}, function(){
    $('.fe-block-yui_3_17_2_1_1695729662197_6283').removeClass("show");
  });
</script>
<style>
  /* hide first text */
.fe-block-yui_3_17_2_1_1695729662197_6283 {
    opacity: 0;
}
.show {
    opacity: 1 !important;
}
</style>

Hi! Thank you for this! 

Just tried it and it made the image disappear on load & it only appears when I hover over the area. No sign of the alt text as well. 

On 10/23/2023 at 7:49 PM, theproper said:

Hi! Thank you for this! 

Just tried it and it made the image disappear on load & it only appears when I hover over the area. No sign of the alt text as well. 

 

So this is not what you want? " it made the image disappear on load & it only appears when I hover over the area"

Can you describe what you want?

Yes - 

Initial: Hide title (copy) under image

Hover on image: to reveal title under image

Right now, the image is what disappears not the title. And image only shows when I hover over the area. 

On 10/27/2023 at 10:01 AM, theproper said:

Yes - 

Initial: Hide title (copy) under image

Hover on image: to reveal title under image

 

Right now, the image is what disappears not the title. And image only shows when I hover over the area. 

 

 

Can you keep this line? I can test code again easier