Treehouse: Grow your CSS skills. Land your dream job.

(yawn) – My boring button. Thoughts on how to spice it up?

  • # April 18, 2011 at 10:12 pm

    This is an oh so simple CSS button concept in my footer: (normal & with hover — that’s a tooltip w/ tipSwift)

    Any thoughts on how it could be spiced up?

    # April 19, 2011 at 9:08 am

    Try making the text a little darker and adding a 1px white text shadow.

    Also a very slight vertical gradient may help.

    I think it looks nice the way it is to be honest. Don’t fall into the trap of adding all the bells and whistles just because you can.

    # April 19, 2011 at 10:33 am

    I think a gradient could help. But the trick with gradients is subtlety, almost the point you can barely see it. However, even aesthetic touches you can “barely” see cna have a big impact on the visual acuteness of your site.

    # April 19, 2011 at 10:45 am

    With lyleyboy’s suggestion:
    darker text, 1px 90° white text-shadow:

    # April 19, 2011 at 11:01 am

    Adding in gradient suggestions:
    linear-gradient from #ececec to #dfdfdf
    – plus –
    inset 0px 1px 0px 0px #fff:

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.