开发工具与关键技术:DW CSS3的简单应用
作者:李波
撰写时间:2019.1.19号
Css3的动画就是通过transform属性向元素应用2D或3D转换。运用:旋转,扭曲,缩放,位移来实现一些简单的动画效果。旋转函数rotate(n):通过指定的角度参数使元素相对原点进行旋转,n为参数,用于设置旋转的角度,如果为正,元素相对原点中心顺时针旋转;如果为负,逆时针旋转。语法如下:
transform:rotate(n) n值得大小代表倾斜的大小;
skew(x,y)元素同时在水平方向和垂直方向扭曲;
scale(x,y) 使元素水平方向和垂直方向同时缩放;
translate(x,y)水平方向和垂直方向同时移动;
HTML部分
我不想旋转(^_^)
倾斜效果如图
拉伸效果如图