CSS3中rotate3d四个参数是什么意思

html-css07

CSS3中rotate3d四个参数是什么意思,第1张

语法:

rotate3d(x, y, z, angle);

x <number> 类型, 表示旋转轴X坐标方向的矢量。

y <number> 类型, 表示旋转轴Y坐标方向的矢量。

z <number> 类型, 表示旋转轴Z坐标方向的矢量。

a <angle> 类型,表示旋转角度。正的角度值表示顺时针旋转,负值表示逆时针旋转。

因此,第四个参数是旋转角度的意思。

1、scale(x,y) 对元素进行缩放

X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数

Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的。并以X为准。

2、scaleX(<number>) 元素只在X轴(水平方向)缩放元素。

默认值是1,基点一样在元素的中心位置。可以通过transform-origin来改变基点

3、scaleY(<number>) 元素只在Y轴(垂直方向)缩放元素。

基点一样在元素的中心位置。可以通过transform-origin来改变基点。

* 通配符 意思是所有的标签都有的属性。 比如说你要把网站所有标签都拥有 一个 字体12号的属性,那么就用*{font-size:12px} 一般这个标签 值用来统一标签的内补丁和补丁属性 一般在很多网上都能看到第一句CSS是 这个*{ margin:0padding:0} 这样 可以很好的避免标签的默认内外补丁 所产生的差异。