Thursday, May 31st, 2007

Scalable CSS Buttons Using PNG and Background Colors

Scalable CSS Buttons Using PNG and Background Colors | David’s kitchen

There has been a lot of talk about CSS buttons lately. Very understandable, since there are a lot of web applications being developed today that could benefit from slick looking buttons without loss in accessibility. Before jumping on the train myself, I just want to emphasize that you should not use this technique to replace real form buttons unless you know what you are doing. That said, the script I am providing to this article can create the same stylish buttons out of boring input buttons as well as plain anchors.

Not Another CSS Button Article!

I know, it’s been a lot of articles lately about CSS buttons. But I simply felt the need to write about something that has not yet been covered in the latest button-trend: Dynamic CSS Buttons using PNG, transparency and background colors that degrades nicely and supports full scalability. With full scalability I mean it should resize in all directions according to the font size and content

It’s a very nice effect with absolutely clean html and linked javascript.

By Laura @ 8:10 am in Cascading Style Sheets, Javascript

Comments are closed.

map1 map2 map3 map4 map5 map6 map7 map8 map9 map10 map11 map12 map13 map14 map15 map16 map17 map18 map19 map20 map21 map22 map23 map24 map25 map26 map27 map28 map29 map30 map31 map32 map33 map34 map35 map36 map37 map38 map39 map40 map41 map42 map43 map44 map45 map46 map47 map48 map49 map50 map51 map52 map53 map54 map55 map56 map57 map58 map59 map60 map61 map62 map63 map64 map65 map66 map67 map68 map69 map70 map71 map72 map73 map74 map75 map76 map77 map78 map79 map80 map81 map82 map83 map84 map85 map86 map87 map88 map89 map90 map91 map92 map93 map94 map95 map96 map97 map98 map99 map1 map2 map3 map4 map5 map6 map7 map8 map9 map10 map11 map12 map13 map14 map15 map16 map17 map18 map19 map20 map21 map22 map23 map24 map25 map26 map27 map28 map29 map30 map31 map32 map33 map34 map35 map36 map37 map38 map39 map40 map41 map42 map43 map44 map45 map46 map47 map48 map49 map50 map51 map52 map53 map54 map55 map56 map57 map58 map59 map60 map61 map62 map63 map64 map65 map66 map67 map68 map69 map70 map71 map72 map73 map74 map75 map76 map77 map78 map79 map80 map81 map82 map83 map84 map85 map86 map87 map88 map89 map90 map91 map92 map93 map94 map95 map96 map97 map98 map99 map100