1 2 3 4 5 | background-image: url(astro-127531.png); background-image: url(astro-127531.png),url(Hubble-112993.png); background-repeat: no-repeat; background-position: bottom left; background-position: bottom left, top right; |
“买五送一”-旋转任何元素
目前支持的浏览器:Apple Safari 4+, Firefox 3.5+, Google Chrome 1+
虽然它目前不算是CSS3中的一部分，但Webkit已经有了它自己的一套变形属性，Mozilla也在效仿。变形包含了很多不同类型的值，不过其中最有意思也是最有用的就是旋转了。
1 2 | -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); |
下图为不支持CSS3的浏览器所呈现出来的样子(如Opera 9):
查看实例Demo(需要使用Safari 4+, Firefox 3.5+, or Chrome 1+浏览器)
