January 20, 2011
- The real phone.
- CSS3-rendered phone, in Firefox 4 beta (screenshot).
But why would you do such a thing?
I was playing about with CSS3, which turned into a larger game when I wanted to see how far it could go.
Of course this whole thing is daft, you should use the right tool for the job and all that - but it was fun :)
Let's start with the phone outline.
That's the basic outline done, and we've managed to avoid using any images.
It's starting to look like a phone, but we can go a lot further.
Next: adding some gradients.