学习前端的第十七天

2D

一、简介
2D：平面空间元素的变形
属性:transform:;
属性值：位移translate（x,y）；缩放scale（x,y）;旋转：rorate（度数）；倾斜：skew（度数）
改变变形原点：transform-origin:x y;
属性值：
left top
10px 20px
10% 20%
center

二、2D的位移
transform:translate(x,y);
transform:translateX(x轴移动的距离);
transform:translateY(Y轴移动的距离);
三、2D的缩放
transform:scale(x,y);
x ， y 这两个参数为一个数字，大于1放大 ，小于1缩小
transform:scaleX();
transform:scaleY();
四、2D的旋转
transform:rotate(30deg);
transform:rotateX(30deg); 绕着X轴旋转
transform:rotateY(30deg); 绕着Y轴旋转
五、2D的倾斜
transform:skew(度数);
指定x,y的倾斜
transform:skewX(度数)
transform:skewY(度数)
六、多个功能函数共同使用的情况下，尽量先写位移 后写 其他的功能函数。
七、目标伪类选择器
元素选择符:target{
当该元素被相关URL指向的时候，做样式的变换。