각 페이지마다 transform-style: preserve-3d로 설정해주면
.page-face의 backface-visibility : hidden이 없어도
앞, 뒷면 확인이 잘 되니까 backface-visibility : hidden 을 넣어야하는지 잘 모르겠어요.. ㅠㅠ&nbsp;

CSS 3D같은 경우는 브라우저 환경에 따라 렌더링에 조금씩 차이가 있기도 해서, 절대로 보여주지 않을 뒷면(180도 회전된 상태의 html 엘리먼트의 뒷면)이라면 안전하게 <span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">backface-visibility : hidden을 넣어주시는게 좋습니다^^

Cộng đồng Hỏi & Đáp của Inflearn

질문이 있어요