CSS는

Question

나는이 바이올린에 RotateX 사용 후 나는 3D 효과를 만든 변환을 Matrix3D 그러나

http://jsfiddle.net/vEWEL/11/

,이 바이올린의 붉은 광장에서 동일한 효과를 달성하는 방법을 확실하지 오전 :

http://jsfiddle.net/paulsidebottom/jbfSj/

어떤 변환을 Matrix3D 내가이 수직면에 서 얻을 수있는 마커에 적용해야합니까?

Answer 1

웹킷의 관리자의 계산 탭을보고 한 후, 첫 번째 예제를 검사하여 사용 된 첫 번째이었다 행렬 볼 수 있습니다 :이 그대로 작동하지 않는 것 같습니다 적용

-webkit-transform: matrix3d(1, 0, 0, 0, 
          0, 0.5000000000000001, -0.8660254037844386, 0, 0, 
          0.8660254037844386, 0.5000000000000001, 0, 
          0, 0, 0, 1); 

당신의 두 번째 예입니다.하지만 이는 코드의 다른 점 때문일 수 있습니다. X 축에 회전 행렬 모습 때문에 사용

이유는 : 귀하의 경우

[1,0,0,0], 
[0,cos(a), sin(-a), 0], 
[0,sin(a), cos(a), 0], 
[0,0,0,1] 

하는 라디안에서 π/3 인 60도이다. cos (π/3) = 0.5, sin (π/3) = sqrt (3)/2 = 0.866025이다.