After the rotate is rotated, how to keep the text in it from being deformed

<div class="feixue"></div>
.feixue{
    transform:  perspective(0.5em) rotateX(10deg);
    transform-origin: bottom left;
    background: lightblue;
    display: inline-block;
    margin-bottom: 20px;
    
}

Code as above, the effect is as follows:

clipboard.png

Apr.13,2022

wrap the text in a div and rotate it in reverse


   

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3acf3-2b9bf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3acf3-2b9bf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?