CSS เงาตัวอักษร เงาข้อความ ด้วยคำสั่ง text-shadow

สอนเขียนโค้ดภาษา CSS เงาตัวอักษร เงาข้อความ ด้วยคำสั่ง text-shadow โดยคำสั่งนี้จะกำหนดค่าทั้ง 3 ค่า คือ ตำแหน่งของเงาแนวนอน (ซ้าย-ขวา) และตำแหน่งของเงาแนวตั้ง (สูง-ต่ำ) และสีของเงา สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS เงาตัวอักษร เงาข้อความ ด้วยคำสั่ง text-shadow

<style>
    .shadow {
        text-shadow: 3px 3px green;
        font-size: 50px;
        color: red;
    }    
</style>

<font class="shadow">CSS เงาตัวอักษร</font>

โค้ดด้านบนใช้คำสั่ง text-shadow สำหรับสร้างเงาที่ตัวอักษร โดยระบุเป็น text-shadow: 3px 3px green เป็นเงาสีเขียว ตำแหน่งแนวนอน 3px และตำแหน่งแนวตั้ง 3px