Hover Immagini con JQuery
Salve,
sto provando a creare degli effetti su delle immagini al passaggio del mouse. Quello che mi interesserebbe fare è in particolar modo:
- Modificare gradualmente le dimensioni dell'immagine al passaggio del mouse;
- Modificare gradualmente la scala di grigi dell'immagine al passaggio del mouse;
Attualmente sono riuscito a modificare le dimensioni dell'immagine in maniera graduale al passaggio del mouse utilizzando solo questo codice CSS:
Codice:
#campaigns img
{
float:left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#campaigns img:hover
{
-webkit-transform:rotate(0deg) scale(0.97,0.97);
-moz-transform:rotate(0deg) scale(0.97,0.97);
-o-transform:rotate(0deg) scale(0.97,0.97);
}
Il problema è che la cosa non sembra funzionare con Internet Explorer e per questo volevo chiedere se ci fosse un equivalente in jQuery. Per quanto riguarda la scala di grigi non son riuscito ancora a far nulla.
PS: la pagina dove sto facendo questi test è questa: http://mrkarati.altervista.org/saves.php
