Cada vez que me pongo a hacer esas cosas suelo revisar esta página que me aclara bastante las ideas, echale un ojo a ver si a ti también te ayuda:
http://www.the-art-of-web.com/css/css-animation/
Mi consejo es que dividas el botón en dos div:
Código:
<div id=button >
<div id=left></div><div id=right></div>
</div>
Te será más fácil hacer las animaciones así.