CSS Circular Subscribe Form

19 Responses

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

   10 months ago

2. Dan Edwards

   Awesome work dude!!

   1likes

   10 months ago

3. Detail Vision

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

   1likes

   10 months ago

4. Ben Howdle

   Somehow making form inputs sexy

   1likes

   10 months ago

5. Carlos MBonilla

   Looks great man!

   1likes

   10 months ago

6. Nuruzzaman Sheikh

   amazing work mate!

   1likes

   10 months ago

7. James Kemp

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

   1likes

   10 months ago

8. Jack Smith

   @James Kemp You expect too much sir...

   10 months ago

9. Mike Stezycki

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

   10 months ago

10. Jack Smith

    Cheers @Mike Stezycki - appreciated!

    10 months ago

11. 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."

    10 months ago

12. Adam Whitcroft

    Thats really, really nice Jack. Ugh.

    2likes

    10 months ago

13. Robert Bavington

    slick

    10 months ago

14. Attitude Design

    Nice!

    10 months ago

15. 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? :)

    10 months ago

16. Oli Lisher

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

    10 months ago

17. Roby Fitzhenry

    Badass!

    9 months ago

18. Jordan Egstad

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

    6 months ago

19. Keith Mitchell

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

    6 months ago