Efecto rollover con css

Rollover es una técnica que se emplea para hacer que una imagen cambie al pasar el ratón por encima de ella, invitando a pulsar sobre el enlace.
No es una técnica nueva, pero si muy elegante a la hora de crear enlaces. He visto algunos ejemplos de cómo utilizarla, pero el mas claro de entender y mas sencillo es el que explica Alex Sancho en su blog, seguro que no tendréis ninguna duda de como utilizar "rollover" en los diseños.