애니메이션과 3D관련 속성을 이용한 간단한 동작구현

오늘은 CSS로 3D animation을 구현하는 방법을 공부했다.transform의 여러 속성들과 animation 관련 속성들로이런 결과물을 만들어 냈다.N장의 이미지가 원통 모양으로 배치되어 회전하는 구조 원의 둘레 = 이미지의 너비 * 이미지 갯수원의 반지름 = 원의 둘레 / (2 * 3.14)각 이미지 사이의 각도 = (360 / 이미지 갯수 ) * N 처음에 너무 많은 속성들을 한번에 공부해서 어떤 속성을 배웠는지 가물가물했다.그래도 각 속성들을 이해하고 도움없이 다시 처음부터 만들어보는 작업을 하고나니 머릿속에 정리가 잘된거같다. 일단 위 공식을 이용해야한다. wrapper(할아버지) item-container(부모님) item1(자식) img ..