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+浏览器)