아 오늘 금요일인 줄 아 오늘 금요일인 줄

▶ backface-visibility - 3D 변환으로 회전된 요소의 뒷면을 볼 수 있는데 이를 안 보이도록 설정할 수 있음. - 3D 변환으로 회전된 요소의 뒷면 숨김을 설정. [속성 값] - visible: 뒷면을 숨기지 않음. 기본값. - hidden: 뒷면 숨김. hidden 사용 시 뒷면이 나오는 시점에 요소가 화면에 안 나옴.

▶ perspective : 하위 요소를 관찰하는 원근 거리를 설정. - 속성 값으로 단위 입력. px, em 등의 단위 지정. - perspective() 함수와는 다르게 하위 요소를 관찰. - 값이 크면 원근감이 커지고 낮으면 가깝게 느껴짐. [perspective 속성과 함수의 차이점] - perspective 속성 - 적용 대상: 관찰 대상의 부모요소. - 관찰 대상이 여럿이면 부모 요소에 속성 사용. 관찰 대상이란 원근법을 의미함. - 원근법의 기준점 설정: perspective-origin. - perspective() 함수 - 관찰 대상 자체가 적용 대상. - 관찰 대상이 하나면 관찰 대상 자체에 함수 사용. - 관찰하는 기준점 설정 시 transform-origin 사용. - perspec..

▶ transform-style - transform-style : 3차원 변환 요소의 자식에서도 또 다른 3차원 변환을 사용할지 설정하는 것. - flat: 자식 요소의 3d 변환을 사용하지 않음. 기본 값. - preserve-3d: 자식 요소의 3D 변환 사용.

▶ transform 변환 속성. - transform-origin: 요소의 변환이 일어나는 특정한 기준점 설정. - 0% 0%는 좌측 상단, 100% 100%는 우측 하단을 의미. - X축: left, right, center의 키워드 사용. 또는 %, 단위 값 사용. 기본 값 50%. - Y축: top, bottom, center의 키워드 사용. 또는 %, 단위 값 사용. 기본 값 50%. - Z축: 단위 사용. 기본값 0. - transform-style: 3차원 변환 요소의 자식에서도 또 다른 3차원 변환을 사용할지 설정하는 것. - perspective: 하위 요소를 관찰하는 원근 거리를 설정. - perspective-origin: 원근 거리 기준점 설정. - backface-visibilit..