Programmers

1) matrix(a,b,c,d,e,f) 요소의 2차원 변환(Transforms) 효과를 지정 scale(), skew(), translate() 그리고 rotate()를 지정 ※ 요소에 일반 변환(Transforms) 함수(2D, 3D)를 사용하더라도 브라우저에 의해 matrix 함수로 계산되어 적용됨. (2D 변환 함수는 matrix 로, 3D 변환 함수는 matrix3d 로) 따라서 일반적인 경우는 matrix 함수가 아닌 일반 변환 함수를 사용하면 됨 위의 예시와 같이 사용한다정도만 알면 된다. scale(), skew(), translate() 그리고 rotate()를 지정하는 것이 편리하다!

1) backface-visibility 3D 변환으로 회전된 요소의 뒷면 숨김을 설정 속성 값 값 의미 기본값 visible 뒷면 숨기지 않음 visible hidden 뒷면 숨김 사용법 .img1 { width: 300px; border: 1px solid lightgray; transition: 1s; transform: perspective(400px) rotateY(180deg); backface-visibility: visible; } .img2 { width: 300px; border: 1px solid lightgray; transition: 1s; transform: perspective(400px) rotateY(180deg); backface-visibility: hidden; } ※..