Submit a CSS related link →

Posh CSS

For the modern day web designer.

Creating a Realistic Looking Button with CSS3

# Linked to 18 April 2010, 12:17 in by Levi Figueira

The whole idea is to use a combination of subtle effects to create a three dimensional object. Mike Rundle covers some of the ideas used here in his post about subtlety in interfaces. I’m hoping to expand a bit more on that. The idea is that:

  • The button is set into the canvas.
  • The texture of the button is different from the canvas and the surface is slightly raised.
  • And the text of the button is pressed into it.

Read more at blog.anomalyinnovations.com →

Levi Figueira

Levi Figueira is a freelance developer-designer hybrid, passionate about user experience. He lives everywhere and rambles incessantly at @levifig.