Hover effects are designed to be predominately used on desktop and laptop devices which have the ability to apply a certain stylization on an element when the mouse pointer passes over it. So this type of interactivity does not involve clicking your mouse, but merely hovering an element using the mouse pointer.
This effect is therefore intended for non-mobile devices, since it is nearly impossible to show this type of effect without using the cursor which triggers the effect.
Please note that touch devices do not recognize any hover behavior, seeing that they are based on touch inputs and they are simply built to function in a different manner.
For example, although an element may have a hover effect applied to it, finger tapping this element on a mobile device will not display the said effect, but will simply take you to a URL it is linked to. If however this element is not linked to a URL , tapping it should display its hover effect.
In addition, by long pressing and holding an element on a touch device, you should be able to see the hover overlay which was applied to that element.
You can find user experiences across the web which claim they have successfully reproduced this effect on certain mobile devices, claiming that one tap shows the state of the element, while tapping once again leads you to a predefined URL address, but this has not been confirmed yet and it is considered that this element is intended only for the non-touchscreen devices.