Tag Archives: transform

在签面两篇文章《CSS3中的边框效果》和《CSS3中的文字效果》中，我已经介绍CSS3中的一些简单、易用的效果，这篇文章将继续介绍CSS3中的变形（transform）效果。 在过去，如果要实验网页中的特定效果，比如对网页中的对象进行旋转（rotate）、伸缩（scale）、倾斜（skew）——这些效果通称为为变形，我们通常需要依赖于图片、Flash或者JavaScript。而在CSS3中，实现变形效果变得十分的容易。通过变形属性（transform property），我们可以自然的实现变形效果（尽管可能需要浏览器特定的符号：-moz-transform, -webkit-transform, 和-o-transform）。而且除了IE以外，它们在FireFox、Safari、Chrome和Opera10.5中有很好的支持！