Botones con mouseover mouseout y onclick

[BaSingSe]

Pregunta no hay una forma de poner las imagenes en html y los efectos en css, tengo ese mismo problema pero las imagenes las necesito en html y no dentro del css ahora el efecto lo hare con otra imagen que seria el efecto como morado transparente que le quiero dar lo quiero hacer en css o javascript.... trate con tu codigo pero inmediatamente muevo la imagen del css se me desaparecen y no puedo volverlas a poner te agradeceria un monton esa ayudita....