CSS Circular Subscribe Form

Circular subscribe

HTML/CSS version.

Sooo, I tried and failed to include this submission animation in iHi. Thus resulting in me including it in a different context with a subscription form, making a pretty page to show it off, and sharing the code with you (view source).

Theoretically, there probably should be a stage after the initial click where a loading icon appears, but my jQuery skills only go as far as a single class change...

Icons are part of an icon font by Zurb - http://www.zurb.com/playground/foundation-icons

Tested in Webkit only, but I assume it should look alright in the other browsers (apart from IE).

keyboard shortcuts: previous shot next shot L or F like Z toggle zoom