css3 transform

最新推荐文章于 2022-01-09 19:45:45 发布

go-ahead

最新推荐文章于 2022-01-09 19:45:45 发布

阅读量340

点赞数 1

分类专栏： web前端文章标签： css3 transform

本文链接：https://blog.csdn.net/u014035057/article/details/46873621

版权

web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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代码一样修改值然后看到具体的效果。