4.扭曲
表示扭曲的代码为transform:skew(水平扭曲度数,垂直扭曲度数),如transform:skew(60deg,0deg),表示向水平方向扭曲60度。
如果需要同时应用多个transform效果,以空格作为间隔即可。如水平平移5像素,并缩放1.5倍,则写成transform:translate(5px,0px)scale(1.5)。
5.变形中心
默认情况下对象变形的中心点为元素的中心,若需要改变,则需要使用transform-origin。写法为transform-origin:水平位置 垂直位置。水平位置的值包括四种:left(左)、center(中间)、right(右)及%(百分比);垂直位置的值也包括四种:top(顶)、center(中间)、bottom(底)及%(百分比)。
特效神器:Widget
在地址栏中输入http://open.taobao.com,进入淘宝开发平台,把鼠标置于“文档中心”上,在出现的下拉菜单中选择“文档首页”选项。在“开放业务”栏目下单击“装修市场”按钮。