There are very nice CSS3 available now: roatate, scale, skew etc. But when I tested it, it was not smooth. For example, I made a navigation bar with 10deg rotation to each button. But I saw that the edge of the buttons are not smooth. It seems just like a low-res photo is zoomed. But why this happens.

Just look at the edges of my uploaded image, they are not smooth at all.

34hyouh.png

Click the image to get the bigger version