CSS3 for rounded-corner box, opacity and drop-shadow effect
For too long, it has not been possible to style an html page elements with attributes like rounded-corner, opacity and drop-shadow effects using CSS2 only without some kinds of browser specific hacks. CSS 3 changes all that and I am very excited when I found out I can achieve all that now with the following :
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
As seen in the screenshot above, IE9 (preview edition) rendered the above correctly 🙂 Same cannot be said for other browsers yet without some browser specific attributes which I am totally against. If no one use any browser specific attributes, may be it would encourage all browsers to use standard CSS attributes.