Bằng cách kiểm tra ví dụ đầu tiên, sau đó xem tab Tính toán trong Trình kiểm tra Webkit, bạn có thể thấy ma trận đầu tiên được sử dụng là:
-webkit-transform: ma trận3d(1, 0, 0, 0,
0, 0,5000000000000001, -0,8660254037844386, 0, 0,
0,8660254037844386, 0,5000000000000001, 0,
0, 0, 0, 1);
Việc áp dụng nguyên trạng dường như không hoạt động trong ví dụ thứ hai của bạn, nhưng đó có thể là do những khác biệt khác trong mã của bạn.
Nó được sử dụng vì ma trận xoay trên trục X trông như thế này:
[1,0,0,0],
[0,cos(a), sin(-a), 0],
[0,sin(a), cos(a), 0],
[0,0,0,1]
Trong ví dụ của bạn, a là 60 độ, tính bằng radian là π/3. cos(π/3) = 0,5, sin(π/3) = sqrt(3)/2 = 0,866025.
Tôi là một lập trình viên xuất sắc, rất giỏi!