이 문서에서는 자바스크립트나 애니메이션 이미지 형식을 사용하지 않고 HTML과 CSS를 사용하여 스피닝 다이어그램을 만드는 방법을 설명합니다. 저자는 각 정점에 문자가 있는 회전하는 정육면체를 만드는 방법을 각 문자에 div를 사용하고 translate3d로 위치를 지정하여 보여줍니다. 부모에 회전Y(0턴)에서 회전Y(1턴)까지 애니메이션이 있는 CSS를 설정합니다. 저자는 회전하는 부모와 동기화하여 회전하지 않고 반대 방향으로 회전하여 글자가 앞을 향하도록 유지하는 방법도 설명합니다. 이는 기존 트랜스폼을 방해하지 않고 회전 해제를 수행할 수 있는 각 문자 주위에 다른 분할을 추가하여 수행됩니다. 이 문서에는 회전 애니메이션이 있는 회전 큐브와 없는 회전 큐브의 예가 포함되어 있습니다. 저자는 회전 및..