transform
css3 transform 属性的功能提供了网页设计中对于
CSS3 transform 属性的功能提供了网页设计中对于网页元素(element)变形特效的突破,透过 CSS3 transform 属性,网页设计师可以很轻易的让网页元素(element)呈现出旋转(rotate)、缩放(scale)、移动(move)以及倾斜(skew)的特殊效果,让传统网页设计中,需要透过绘图软件才能达到的效果,透过 CSS3 transform 属性快速达成。 不过 CSS3 transform 属性也有一点小缺点,就是不能一次使用太多,因为 CSS3 transform 属性的运作方式是让浏览器(Browser)自动计算元素的各个座标位置,进行数学的函数计算,再显示出变化效果,所以如果一次使用太多在同一个页面内,会导致浏览起来卡卡的,不过这个问题在未来应该会越来越不明显,毕竟电脑的处理速度也在提升,CSS3 transform 属性在未来应该会获得大量使用。 CSS 的 transform 属性有一个参数 transform-function 可以使用,这个参数有非常多种不同的变化,而且也不是随意设定,CSS3 有特定的参数可以套用,这就是让网页元素(element)变形的主要设定方式,我们将参数整理于下表
