css中怎么用matrix逆时针旋转

html-css023

css中怎么用matrix逆时针旋转,第1张

1、首先准备一个HTML文档，文档中准备好两个图片，接下来会对这两个图片进行旋转。

2、其次对HTML中的内容定义一些样式，给图片设置过渡效果，过渡使用transition属性。

3、最后正数代表的是顺时针，负数代表的是逆时针，运行程序后将鼠标放在图片上调为逆时针旋转即可。

语法：

rotate3d(x, y, z, angle)；

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

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

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

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

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