CSS3---2D 변환

변신

Transition-origin: 객체의 변환이 참조하는 원점을 설정합니다.

없음: 변환 없음

Translate([,]): 객체의 2D 변환(2D 변환)을 지정합니다. 첫 번째 매개변수는 X축에 해당하고 두 번째 매개변수는 Y축에 해당합니다. 두 번째 매개변수가 제공되지 않으면 기본값은 0입니다.

translateX(): 객체의 X축 이동을 지정합니다.

translateY(): 객체의 Y축 이동을 지정합니다.

Rotate(): 객체의 2D 회전(2D 회전)을 지정합니다. 이를 위해서는 기존 전환 원점 속성의 정의가 필요합니다.

Scale([,]): 객체의 2D 스케일(2D 스케일링)을 지정합니다. 첫 번째 매개변수는 X축에 해당하고 두 번째 매개변수는 Y축에 해당합니다. 두 번째 매개변수가 제공되지 않으면 기본적으로 첫 번째 매개변수가 사용됩니다.

ScaleX(): 객체 X축의 (수평) 배율을 지정합니다.

ScaleY(): 개체 Y축의 (수직) 배율을 지정합니다.

　skew(): 객체의 기울어짐 변형(경사 왜곡)을 지정합니다. 첫 번째 매개변수는 X축에 해당하고 두 번째 매개변수는 Y축에 해당합니다. 두 번째 매개변수가 제공되지 않으면 기본값은 0입니다.

　skewX(): 객체의 Y축의 (수평) 왜곡을 지정합니다

　skewY(): 객체의 Y축의 (수평) 왜곡을 지정합니다

전환:

전환:[전환 속성]||[전환 기간]||[전환 타이밍 기능]||[전환 지연]

Transtion-property: 전환 기본값에 참여하는 객체의 속성을 검색하거나 설정합니다

전환 기간: 개체 전환 기간을 검색하거나 설정

전환 타이밍 기능: 개체 전환의 애니메이션 유형을 검색하거나 설정합니다

Transtion-delay: 객체 지연 전환 시간 검색 또는 설정

애니메이션:

애니메이션:[애니메이션 이름]||[애니메이션 기간]||[애니메이션 타이밍 기능]||[애니메이션 지연]||[애니메이션 반복 횟수]||[애니메이션 방향]

animation-name : 객체에 적용된 애니메이션 이름을 검색하거나 설정합니다

animation-duration: 객체 애니메이션의 지속 시간을 검색하거나 설정합니다.

animation-timing-function: 객체 애니메이션의 전환 유형을 검색하거나 설정합니다.

animation-delay: 객체 애니메이션의 지연 시간을 검색하거나 설정합니다

animation-iteration-count: 객체 애니메이션의 주기 수를 검색하거나 설정합니다.

animation-direction: 객체 애니메이션이 루프에서 반대 방향으로 움직이는지 여부를 검색하거나 설정합니다.