html - Disable :hover CSS on Mobile -


i have following css defined on img elements on page.

.my-image {     width: 100% !important;     height: auto;     -webkit-transition: .5s ease;     -moz-transition: .5s ease;     -ms-transition: .5s ease;     transition: .5s ease; }  .my-image:hover {     -webkit-transform:scale(1.5);     -moz-transform:scale(1.5);     -ms-transform:scale(1.5);     transform:scale(1.5); } 

for reason, hover class activating on iphone anytime scroll past (that is, move finger along images scroll past them). there way can disable hover css mobile only?

@media handheld { .my-image:hover {     -webkit-transform: none;     -moz-transform: none;     -ms-transform: none;     transform: none; } } 

Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -