While working on the Inquivesta website, I decided that I wanted to get rid of as many of the elements of the original template as possible, and replace them with my own stuff. Among them were the buttons. I tried a few things. The first idea was the Mandelbrot set, in a pillow sort of bevel:
But then I didn’t like the end result the next day I opened the page. So after a lot of work, I finally came up with this:
Yes! ENGRAVED TEXT! Drool on it!
Photoshop is impossible. I can’t believe it was first released in a floppy.
One Life 
If you could manage to get the effect with pure css without using photoshop at all, THAT would be awesome, don’t you think?
BTW, I’m not joking, it can be done. Take a look at: http://www.webdesignerwall.com/demo/css-gradient-text/
LikeLike
Okay, that surely was awesome. And the site design of webdesignerwall.com is cool too. Yeah, it’s a nice light and quick way to get a gradient, but the thing I had there wasn’t actually a gradient, if you’ll notice carefully. It was an inner shadow, which gives you the feeling that the text is sunk. It takes a single click (okay, maybe two clicks) in Photoshop. But yeah, the CSS gradient is a useful trick to learn.
LikeLike