CSS3字体、2D转换、3D转换

字体:font-family、font-weight、font-style、unicode-range(字符范围)、font-stretch(如何拉伸)

2D转换(transform):对元素进行移动、缩放、转动、拉长或拉伸

translate(X,Y):沿X轴或Y轴移动   

rotate(deg):顺时针旋转,负值(逆时针旋转)

scale(x倍,y倍):x轴y轴放大倍数   

skew(deg,deg):X轴、Y轴倾斜角度 。如果第二个参数为空,则默认为0,参数为负表示向相反方向倾斜。

matrix()  :六个参数,包含旋转,缩放,移动(平移)和倾斜功能

transform-Origin属性允许您更改转换元素的位置

transform-origin: x-axis y-axis z-axis;(2D,则x轴、y轴)

3D转换:

rotateX()、rotateY()方法,围绕其在一个给定度数X、Y轴旋转的元素。

:

猜你喜欢

转载自blog.csdn.net/weixin_36766850/article/details/85045602