CSS动画类提交按钮单击

I am trying to add an animation to this web page that slides the login rectangle across the page. So from 564px to 100%. I've been able to do it with pure CSS animation, however, i dont want it to play until the submit button has been pressed in the form. Is there a way to do this? My code is below.I am trying to add an animation to this web pag