CSS3 아이디어: 페이지 요소의 회전

CSS3의 회전에 대한 논의가 있다. 다음은 몇 가지 중요한 사항입니다.

회전에는 레이아웃 중에 발생하는 회전(내용 아래로 밀어넣기)과 레이아웃 후에 발생하는 회전의 두 가지 유형이 있습니다.
width: 회전된 요소의 auto는 회전 전에 사용 가능한 너비를 사용한다는 것을 의미합니다.
width: max-fit; rotate-to-fit-fit-fit-to-fit-to-fit 텍스트는 텍스트 주위에서 축소 포장을 통해 너비를 찾고 해당 블록에 맞는 가장 작은 각도를 선택할 수 있습니다.
width: shrinkwrap은 회전 후 사용 가능한 공간을 사용하며, 한 줄로 시작하여 최소 내용 너비(또는 최소 너비)에 도달할 때까지 더 많은 콘텐츠가 들어올수록 블록을 더 길고 좁게 만듭니다.
이미지 방향은 모든 각도, 가장 가까운 90° 증가까지의 라운드를 허용하며, 작성자는 90° 증가 이외의 각도를 지정하지 않아야 한다.

저는 앞으로 CSS 스펙의 일부가 되어야 한다고 생각합니다. 우리는 사용성을 희생하지 않고도 그러한 종류의 설계 제어를 가져야 한다.