How to change hover reveal transition animations

So I've recently learned how to reveal text behind images (pretty fun), but I'm curious, is there any way to change the transition animation from the standard 'fade' effect to something different?  In other words, are there any other hover transition animations available and if so, how do I try them?

I've included a screenshot of my CSS to show my current code as well as a video of the 'fade' effect transition.

10 hours ago, Amywhorlow said:

So I've recently learned how to reveal text behind images (pretty fun), but I'm curious, is there any way to change the transition animation from the standard 'fade' effect to something different?  In other words, are there any other hover transition animations available and if so, how do I try them?

I've included a screenshot of my CSS to show my current code as well as a video of the 'fade' effect transition.

Screen Recording 2024-07-11 at 20.01.11.mov

You can apply many types of hover effect as you want by adding the normal style on the first CSS code and hover style on the second (with hover selector)

Add the transition with the style you want to set and separate them with the comma. Something like

transition: width 2s, height 2s, transform 2s;

Hope it can help