我有一个div,我绕着X轴旋转.div包含在应用旋转时变得模糊的文本.有没有办法让文本围绕此轴旋转?我尝试过translate3d和translateZ"hack"但没有成功.
.tilt {
margin: 0 auto;
width: 300px;
height: 400px;
border: 1px solid #222;
-webkit-transform: perspective(500px) rotateX(35deg);
-moz-transform: perspective(500px) rotateX(35deg);
transform: perspective(500px) rotateX(35deg);
}Run Code Online (Sandbox Code Playgroud)
<div class="tilt"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores deleniti expedita nostrum ipsam culpa rem earum recusandae saepe nulla repudiandae molestiae natus consectetur neque quasi quos laudantium doloribus iusto minima!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita id magnam labore doloribus velit quidem exercitationem aspernatur nobis dolore omnis deserunt culpa quibusdam nemo …Run Code Online (Sandbox Code Playgroud)