Afficher et cacher une partie de l'image CSS

Bonjour à tous,
j'ai une image pour la quelle je veux creer un ensemble de styles CSS qui me permettent qu'à chaque fois un evenement se produise, de cacher une region de cette image et de montrer une autre, comment pourrai-je faire ces style?
par exemple:
<img class="image1" src=... />
.image1{
que dois-je mettre ici pour cacher une region de l'image et montrer une autre
}
.image2{
idem
}
.image3{
idem
}
je travaille sur GWT donc je peux changer de style à l'image.
Merci à tous