码迷,mamicode.com
首页 > Web开发 > 详细

css3系列之transform 详解skew

时间:2019-07-31 19:05:39      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:str   css   gen   com   png   get   inf   倾斜   scale   

  skew

  skewx

  skewy

 

skewX() 

倾斜该元素,里面填的是角度,下面↓ 你会看到,随着元素被倾斜,高度居然不变。聪明的你,一定会知道,高度不变,代表了,Y轴被拉伸了。

技术图片

技术图片

跟scale 同理,改变的是 轴的刻度。 → scale

 

skew

也就是 skewx  和 skewy 的结合,  skew(45deg, 45deg);

 

css3系列之transform 详解skew

标签:str   css   gen   com   png   get   inf   倾斜   scale   

原文地址:https://www.cnblogs.com/yanggeng/p/11278028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!