css3 旋转 放大 知识点

1、第八周资料：8EFF(%:nth-child(n     第 n 个子节点， n 从 1 开始 Bin9101112131415:even   页面范围内偶数的匹配元素 倒影：-webkit-box-reflect: 属性值116属性值 2 ：间距 像素值 属性值 3 ：渐变 - webkit -linear-gradient( top,rgba (0,0,0,0 20%,rgba(0,0,0,0.6 倒影加渐变最终效果：-webkit-box-reflect: below 0px -webkit-gradient(radial, 50% 50%, 40,50%

2、50%, 100,from(rgba(0,0,0,1, to(EFF(%(0,0,0,0 变形：transform 属性向元素应用 2D 或 3D (目前Safari 和 Chrome支持 转换该属性允许我们对元素进行旋转扭曲、缩放或 移动 rotate(angle | skew(x-angle,y-angle | scale(x,y | translate(x,y旋转 | 扭曲倾斜 | 缩放 | 移动变形-参考位置：transform-origin 属性允许改变被转换元素的参考位置transform-origin: x y z ; X 轴的何处 , 值： length | left | ce

3、nter | right | % Y：定义视图被置于 Y 轴的何处, 值：length | top | center | bottom | % Z：定义视图被置于 Z 16.40, 值：length（2D 转换元素能够改变元素 x 和 y 轴3D 转换元素还能改变其 Z 轴变形 - 旋转 ： transform:rotate(; 2D：rotate(angle 定义 2D 旋转，在参数中规定角度3D：rotate3d(x,y,z,angle 定义 3D 旋转rotateX(angle 定义沿着 X 轴的 3D 旋转，类推rotateY(angle，rotateZ(angle功能。Irev1&g

4、t;3需要 沿着该轴转动 就 将该轴的 值设置为 1 ，否则为 0 后面的angle中设置旋转的角度，只有一个角度值实例TRASH：#mydiv -webkit-transform:rotate3d(1,0; ,1,30deg #mydiv -webkit-transform:rotateX(50deg rotateY(50deg Bin1-13档，按对应转换效率包装，SS栏标注“1201”；-Bin14档，低效片档，需要使用(倾斜Bin15档，暗电流档，需要使用6.1.4暗电流重测分档文件重新测试；Bin16档，每个批次测完后将该档位的片子进行重测，重测后若仍有分到TRASHskew(x ,

5、 y 定义沿着 X 和 Y 轴的6.1.3 2D 扭曲转换skewX(angle 定义沿着 X 轴的 2D -R150skewY” Y 轴的 2D 扭曲转换-webkit-transform:skew(30deg,10deg;-webkit-transform:skewX(30deg skewY(10deg;变形-缩放：transform:scale(; scale(x,y 定义 2D 缩放转换scale3d(x,y,z 定义 3D 缩放转换scaleX(number 通过设置 X 轴的值来定义缩放转换scaleYBin通过设置 Y 轴的值来定义缩放转换scaleZ(number 通过设置 Z 轴的值来定义 3D 缩放转换-webkit-transform:scale(3,2;-webkit-transform:scaleX(2 scaleY(1.5;-webkit-transform:scale3d(2,1,3;变形 - 移动 ： transform:translate3translate(x,y 定义 2D 移动。X为正向右移 Y为正向下移translate3d(x,y,z 定义 3D 移动。 translateX(length 定义对象X轴的平移translateY(length