Text เอียง CSS ด้วยคำสั่ง rotate

สอนเขียนคำสั่ง Text เอียงภาษา CSS ด้วยคำสั่ง rotate โดยตัวอย่างจะแนะนำวิธีการเขียนคำสั่ง CSS เพื่อเอียงข้อความ หรือ Text จากตัวอย่างเอียง -45 องศา ด้วยคำสั่ง rotate(-45deg) สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง Text เอียง CSS ด้วยคำสั่ง rotate

<style>
    .rotate {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg); 
        font-size: 30px;
        color: red;
        font-weight: bold;         
    }
</style>

<div style="width:400px"><p class="rotate">Text เอียง CSS</p></div>

ผลลัพธ์

Text เอียง CSS จากตัวอย่างใช้คำสั่ง -webkit-transform: rotate(-45deg) และ -moz-transform: rotate(-45deg) เพื่อรองรับการเอียงข้อความ -45 องศา และทำงานได้หลายโปรแกรมเบราว์เซอร์