In a previous post, I talked about creating dynamic and scaleable buttons using CSS3. While we can use “border-radius” for rounded corners and “box-shadow” for a nice dropshadow effect, there’s still a problem with giving the button a 3d / plastic look without using images. In my previous example I used a small PNG image (with a gradient from white to transparent) as a background to achieve that effect.
Now, with the release of Firefox 3.6 (Safari / Webkit supported that a bit earlier) we don’t need any images at all, thanks to the “moz-linear-gradient” / “webkit-gradient” property. Continue reading…
Creating buttons with CSS becomes a lot more comfortable. The following example demonstrates how to create nice looking, dynamic buttons that are fully scaleable using the new CSS3 properties border-radius, box-shadow and RGBa.
Recent Tweets
- #entfolgen bei twitter. Das hört sich doch nicht gut an!?%$&@
- Finally going to see #inception tonight!
- “@KamiKa_SR: The Expendedables 8/10” ja - coole 80/90er oldschool Action mit der ganzen Crew. Seagal, van damme und Chuck fehlen, dann 10/10