css3 transform

来源:互联网 发布:ubuntu 14.04安装分区 编辑:程序博客网 时间:2024/05/17 21:58

transform其实就是和样式一样的东西 比如:height、width、opcity一样的东西。transform:rotate(10deg);意思是旋转10度  一圈是360度 就是那个角度的度transform:skew(10deg)这个是斜切 比如你一个长方形把它变成平行四边形 就叫斜切。transform:scale(1)这个就是放大缩小的意思 大于1就放大 小于1就缩小 transform:tanslate(10px.10px)意思是平移多少 分别两个参数表示 X轴 Y轴多少像素


上面四个分别还带有X、Y轴  比如rotateX(10deg)、rotateY(10deg)
具体实例就不上了,自己动手吧,可以用chrome浏览器调试css代码一样修改值 然后看到具体的效果。
1 0