I am experiencing an issue with my website where the hover functionality works perfectly on all devices except for iPhones. On an iPhone, users have to continuously press the screen until the hover transition completes in order to view the information. I would like it to work with just a single tap to show the information. Below is the code snippet I used for the hover transition on the website:
{ -webkit-transition: all .5s ease-in-out 0.5s;
-moz-transition: all .5s ease-in-out 0.5s;
-o-transition: all .5s ease-in-out 0.5s;
-ms-transition: all .5s ease-in-out 0.5s;
transition: all .5s ease-in-out 0.5s; }