How can I create an animation on hover effect on Shopify?

[printsbyhjr]

Hi everyone,

I am trying to make a different version but essentially the exact same idea as the animation on hover as seen on this website of the cow:

https://www.australianbeef.com.au/know-your-meat/beef-cuts/

Does anyone know if this is doable on shopify need some serious help, I can create all the custom SVG’s…

[Sonya_2025]

Hey @printsbyhjr

I’ve observed that the text changes in response to the hover effects. Therefore, it appears you’ll require both the cow graphic and the associated hover effect, along with the corresponding text alterations. Feel free to reach out if any questions.

[printsbyhjr]

That’s exactly right.

How do I do this?

[printsbyhjr]

I have the cow graphic, I just need the associated hover effect

[Sonya_2025]

First, you need a svg cow image

Then, you add a :hover to every cuts like the example you share

Hope this helps

[printsbyhjr]

I have all appropriate SVGS, I too inspected the website I don’t know how to make it an animation on Shopify though with hover. I need more direction than this, I already knew all the information thus far.