CSS Circular Subscribe Form

Circular-subscribe

18 Responses

  1. Jack Smith Jack Smith

    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).

    over 1 year ago

  2. Dan Edwards Dan Edwards

    Awesome work dude!!

    likes

    over 1 year ago

  3. Detail Vision Detail Vision

    Shit my pants!!!This is great!!!

    likes

    over 1 year ago

  4. Carlos MBonilla Carlos MBonilla

    Looks great man!

    likes

    over 1 year ago

  5. Nuruzzaman Sheikh Nuruzzaman Sheikh

    amazing work mate!

    likes

    over 1 year ago

  6. James Kemp James Kemp

    Very nice! Where's the "X" version?

    likes

    over 1 year ago

  7. Jack Smith Jack Smith

    @James Kemp You expect too much sir...

    over 1 year ago

  8. Mike Stezycki Mike Stezycki

    This is really nice Jack, love the animation on the submit button.

    over 1 year ago

  9. Jack Smith Jack Smith

    Cheers @Mike Stezycki - appreciated!

    over 1 year ago

  10. James Florentino James Florentino

    Very nice. It makes the user-experience much rewarding to the user. e.g., "Hey thanks for signing up! Here, have an animation."

    over 1 year ago

  11. Adam Whitcroft Adam Whitcroft

    Thats really, really nice Jack. Ugh.

    likes

    over 1 year ago

  12. Robert Bavington Robert Bavington

    slick

    over 1 year ago

  13. Attitude Design Attitude Design

    Nice!

    over 1 year ago

  14. Oli Lisher Oli Lisher

    looks great @Jack Smith - if you don't mind me asking, how did you record the animation from the browser to get it here as a gif? :)

    over 1 year ago

  15. Oli Lisher Oli Lisher

    @Jack Smith just got your answer on twitter, thanks dude. :)

    over 1 year ago

  16. Roby Fitzhenry Roby Fitzhenry

    Badass!

    over 1 year ago

  17. Jordan Egstad Jordan Egstad

    It's the little things. Great work, man.

    over 1 year ago

  18. Keith Mitchell Keith Mitchell

    Dude. Yes. Must find a reason to use this someday.

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like