[CSS]3d 주사위(code)
See the Pen oNBQZvb by minsucoding (@minsucoding) on CodePen. 오늘은 조금 특별한 CSS를 해보았습니다 바로 3D 관련 CSS입니다 주사위를 만드는것 뿐만 아니라 다른 모든 CSS로 위치를 잡기위해서는 기준이 있어야하기 때문에 HTML에 기준을 잡아줄 요소를 하나 감싸주는게 포인트라고 할수있습니다 또 CSS에서 자리를 배치해줄 요소들은 기준으로 잡아준 요소를 기준으로 상하좌우를 이동하게 될텐데 그렇게 하기 위해서는 최초의 위치설정을 잘 해주어야지 계산이 편리하겠습니다 주사위를 만들기 위해서는 정육면체 구조를 먼저 알아야합니다 면이 6개이면서 네각은 90도이고, 가로,세로,높이 길이가 모두 같습니다 그러면 기준으로 잡아준 box를 기준으로 앞,뒤로 가로,세로..
2021.04.22