As CSS grow, more and more CSS properties are coming out, web developers and designers are all struggling to update themselves in the web world.

CSS3 has been a topic for web developers and designers. CSS3 offers a lot of new and exciting possibilities and time saving propertise for both web developer and designers. Some web designers already starts applying CSS3 on their own project, which, you and I need to apply too.

I personally think a few CSS3 properties can work right now.

Demo

Text Shadow

Text shadow can be very nice looking if apply correctly.

This is the shorthand code.

Example of CSS3 text shadow

Box radius

It has been ages I’m waiting for this. From the day I use table to construct the 4 corners until today! Finally it’s working on most modern browsers… IE9, not IE8

border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

I wonder why do we have to separate the browser? -moz is for mozilla and -webkit for webkit (duh!).

Demo

However, most of the time, these trick will be brought down by the clients. Not because they are using IE but their visitors are.

As I tested IE9 Preview, it doesn’t support text-shadow, but border radius