CSS3 Buttons

  • # March 16, 2012 at 1:35 am

    I got the idea to put together a bunch of CSS3 Buttons for future use by anybody. I’ve started it here:
    http://jsfiddle.net/VTLmj/
    Add who made it, and then just paste the code in. Hopefully you guys can contribute!

    # March 16, 2012 at 12:23 pm

    hey thanks, can i mail you privately?
    I would like to get some advices from you i think you can help me ;)
    if so, what is your mail?

    # March 16, 2012 at 1:16 pm

    This reply has been reported for inappropriate content.

    I have an online tool to make CSS3 button. I made ​​this from ButtonMaker :p
    Hope this helps.
    http://hompimpa.googlecode.com/svn/trunk/CSS3ButtonGenerator-V3/index.html

    # March 17, 2012 at 3:42 am

    This reply has been reported for inappropriate content.

    I don’t think you understood what I meant Hompimpa. :-P

    # March 17, 2012 at 6:20 am

    This reply has been reported for inappropriate content.

    http://jsfiddle.net/9bRjw/

    There is an updated version!

    # March 17, 2012 at 7:09 am

    This reply has been reported for inappropriate content.

    @Odd_E: I like Chocolate: http://jsfiddle.net/tovic/VTLmj/4/

    # March 17, 2012 at 1:19 pm

    This reply has been reported for inappropriate content.

    Updated: http://jsfiddle.net/VTLmj/6/

    # March 17, 2012 at 2:48 pm

    This reply has been reported for inappropriate content.

    Edit: Oh, sorry. Looks like I started on the wrong editor. This is better. (still the same, just edit it slightly)
    http://jsfiddle.net/tovic/VTLmj/7/

    # March 18, 2012 at 5:00 am

    This reply has been reported for inappropriate content.

    Rainbow Candy… Guess what the flavor!
    http://jsfiddle.net/tovic/VTLmj/9/

    # March 18, 2012 at 2:16 pm

    This reply has been reported for inappropriate content.

    Added

    body{
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    }

    to make the background toggle look awesome
    http://jsfiddle.net/VTLmj/14/

    # March 18, 2012 at 4:55 pm

    This reply has been reported for inappropriate content.

    Very cool! Great buttons everyone!

    # March 18, 2012 at 7:21 pm

    Buttons added: http://jsfiddle.net/joshnh/VTLmj/19/

    # March 18, 2012 at 8:10 pm

    This reply has been reported for inappropriate content.

    Thanks Joshua, I may end up using the first one, I really like it.

    # March 18, 2012 at 8:14 pm

    Go for it!

    # March 19, 2012 at 6:42 pm

    Whomever made that chocolate button is genius.

Viewing 15 posts - 1 through 15 (of 59 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed