「这是我参与2022首次更文挑战的第16天，活动详情查看：2022首次更文挑战」
前言
“就是觉得隔了很多座山，突然不想翻山越岭了”，你们有没有觉得长大很可怕，不敢想象这个世界上只剩自己的时候会有多么手足无措。可能是太闲了，多学习多读书吧还是。今天接着上篇没记录完整的继续~
CSS角度单位
- deg 角度，范围是0-360，角度为负值时表示逆时针旋转
- grad 百分度，一个百分度表示1/400个整圆，也就是100grad等于90deg,负数值就是逆时针旋转
- rad 弧度，1弧度等于180/π
- turn 圈数，一圈表示360度 但是平时用deg就可以了，其它时候视情况而定，哪个方便用哪个
scale()缩放
缩放变换支持X和Y两个方向，仅支持数值不支持百分比，支持负值表示翻转，如果X和Y方向两个值一样可以只写一个即：transform:scale(2)表示将元素水平方向和垂直方向的尺寸放大到现有尺寸的2倍；
skew()斜切
斜切变换支持X和Y两个方向，斜切180度表示一个轮回，元素出于90度或者270度的时候是看不见的。skew(10deg)等价于skew(10deg,0),等同于skewX(10deg)。斜切变换在绘制图形时非常有用，比如箭头效果的导航栏，可以让它由上下两个矩形盒子组成，分别使用skew()函数斜切一下，效果就出来了，甚至连定位都不需要。大家可以试试~
总结
这一篇和上一篇就是最基本的变换方式，依次为位移、旋转、缩放和斜切；各自有各自的使用场景，以后开发可以按需选择，其中那个箭头导航栏也算是学到了。也算是一个启发，同一个效果可能有不同的实现方式，选哪一个是需要考虑的。
