Ciao a tutti,
sto cercando di simulare uno stato di hover su dispositivi Touch-Screen.
Ad esempio con questo codice,
quando il puntatore del mouse si trova sul box esso aumenta di dimensione, uscendo fuori dal box questo ritorna alla dimensione iniziale.
Vorrei creare lo stesso effetto su un dispositivo Touch-Screen, possibilmente cambiando solo lo stato di hover con qualche altro stato.
Vorrei che mantenendo premuto sul box il box aumenti di dimensione e quando tolgo il dito dallo schermo il box torni ad essere com'era prima.
Si può fare?
sto cercando di simulare uno stato di hover su dispositivi Touch-Screen.
Ad esempio con questo codice,
quando il puntatore del mouse si trova sul box esso aumenta di dimensione, uscendo fuori dal box questo ritorna alla dimensione iniziale.
HTML:
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
transition:width 2s;
-webkit-transition:width 2s; /* Safari */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>
<div></div>
<p>Hover over the div element above, to see the transition effect.</p>
</body>
</html>
Vorrei creare lo stesso effetto su un dispositivo Touch-Screen, possibilmente cambiando solo lo stato di hover con qualche altro stato.
Vorrei che mantenendo premuto sul box il box aumenti di dimensione e quando tolgo il dito dallo schermo il box torni ad essere com'era prima.
Si può fare?