Как трансформировать block, не трансформируя текст. То есть на текст не должная повлиять трансформация.
.transform_items {
width: 40%;
height: 80px;
position: relative;
margin: 0 auto;
perspective: 600px;
}
.block {
display: block;
position: absolute;
margin: 0 auto;
width: 250px;
height: 60px;
border: 5px solid green;
transform: rotateY(30deg);
}
.block a {
font-size: 40px;
}
<ul class="transform_items">
<li class="block"><a>Пункт1</a>
</li>
<li class="block"><a>Пункт2</a>
</li>
<li class="block"><a>Пункт3</a>
</li>
</ul>
a
в обратную сторону на -30