HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🚀
개발 노트
/
🥈
transform
🥈

transform

요소에 변환 효과를 주는 속성

transform-origin

transform-origin: 100% 50%
  • 요소의 x축 100%, y축 50%를 기준으로 한다.
  • 기본값은 요소의 정가운데 transform-origin: 50% 50%

perspective

원근감을 지정하는 속성이다.
 

transform-style

transform-style: preserve-3d
자식 요소에도 3차원 변환 효과를 적용한다.
후손 요소에는 적용되지 않는다.
 

backface-visibility

backface-visibility: hidden
요소의 뒷면을 보이게 하지 않는다.