Changing :hover to touch/click for mobile devices

Question

I\'ve had a look around but can\'t quite find what i\'m looking for.

I currently have a css animation on my page which is triggered by :hover. I would like this to c

Answer 1

On most devices, the other answers work. For me, to ensure it worked on every device (in react) I had to wrap it in an anchor tag and add the following: :hover, :focus, :active (in that order), as well as role="button" and tabIndex="0".