translateZ()로 요소를 앞뒤로 이동시키기
CSS-Tricks
편집자 요약
translateZ() 함수는 요소를 사용자에게 더 가깝게 하거나 더 멀게 이동시킵니다. 이 함수는 CSS에서 3D 변환을 다룰 때 사용됩니다. 원문은 CSS-Tricks에 게시된 내용입니다.
인사이트
3D 변환의 기본 동작을 이해하면 화면 깊이 표현을 더 잘 활용할 수 있습니다. CSS를 배우는 중이라면 translateZ()를 직접 적용해 보며 요소의 위치 변화가 어떻게 보이는지 확인하는 것이 좋습니다.
함께 배우면 좋은 강의
이 소식과 이어지는 코드프렌즈 강의입니다. 설치 없이 브라우저에서 바로 실습할 수 있어요.
댓글
댓글을 불러오는 중…