transform을 css3로 사용하는 방법?

Question

-webkit-transform: perspective(500) rotateY(13deg); 
-webkit-transform-origin: 0% 45%; 

DIV가 왼쪽 위치에 있습니다.

나는 단지 그것을 (반대편에) 놓는 방법을 알고 싶습니까?

Answer 1

제공 한 코드는 this JSFiddle처럼 동작합니다.

일반적으로 CSS3 변형 속성은 회전, 축척에 사용되며 점에 대해 요소를 이동합니다. 요소를 페이지의 오른쪽으로 이동하려면 설명하는 것처럼 그냥 float 요소를 오른쪽으로 사용하거나 margin 속성을 대신 사용해야합니다.

div { 
    float: right; 
} 

This source은 다양한 CSS3 변환 함수를 모두 설명합니다. 가장 일반적인 내용은 다음과 같습니다.

translate(x,y) 
scale(x,y) 
rotate(angle) 
skew(x-angle,y-angle) 

설명 : 사용자가 설명하는 것처럼 요소를 페이지의 오른쪽으로 이동시키지 않습니다.