피드로 돌아가기
2026-06-25-translatez-ff38f84e8c

translateZ()로 요소를 앞뒤로 이동시키기

CSS-Tricks
translateZ()로 요소를 앞뒤로 이동시키기

편집자 요약

translateZ() 함수는 요소를 사용자에게 더 가깝게 하거나 더 멀게 이동시킵니다. 이 함수는 CSS에서 3D 변환을 다룰 때 사용됩니다. 원문은 CSS-Tricks에 게시된 내용입니다.

인사이트

3D 변환의 기본 동작을 이해하면 화면 깊이 표현을 더 잘 활용할 수 있습니다. CSS를 배우는 중이라면 translateZ()를 직접 적용해 보며 요소의 위치 변화가 어떻게 보이는지 확인하는 것이 좋습니다.

댓글

0/40
0/2000

댓글을 불러오는 중…