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

   9 months ago

2. Pro Dan Edwards

   Awesome work dude!!

   1likes

   9 months ago

3. Detail Vision

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

   1likes

   9 months ago

4. Ben Howdle

   Somehow making form inputs sexy

   1likes

   9 months ago

5. Pro Carlos MBonilla

   Looks great man!

   1likes

   9 months ago

6. Pro Nuruzzaman Sheikh

   amazing work mate!

   1likes

   9 months ago

7. James Kemp

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

   1likes

   9 months ago

8. Jack Smith

   @James Kemp You expect too much sir...

   9 months ago

9. Pro Mike Stezycki

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

   9 months ago

10. Jack Smith

    Cheers @Mike Stezycki - appreciated!

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

    9 months ago

12. Adam Whitcroft

    Thats really, really nice Jack. Ugh.

    2likes

    9 months ago

13. Robert Bavington

    slick

    9 months ago

14. Attitude Design

    Nice!

    9 months ago

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

    9 months ago

16. Pro Oli Lisher

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

    9 months ago

17. Pro Roby Fitzhenry

    Badass!

    8 months ago

18. Jordan Egstad

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

    5 months ago

19. Pro Keith Mitchell

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

    5 months ago