การใช้งาน text-shadow เราสามารถใช้ได้โดย
text-shadow: #DDD 5px 5px 2px;
มี parameters 4 ตัวคือ
- สี
- ค่าระยะห่างจากอักษรในแนวนอน
- ค่าระยะห่างจากอักษรในแนวตั้ง
- ค่าเบลอ
ทั้งนี้เรายังสามารถใช้ text-shadow ได้มากกว่า 1 ชุดได้เช่น
text-shadow: #666 -1px -1px, #FFF 1px 1px;
จะเป็นการสร้าง inset text
หรือเราสามารถสร้างระดับความเข้มเพื่อสร้าง glow text ก็ได้เช่น
text-shadow: 0 0 24px #C00, 0 0 4px #C00, 1px 1px 2px #333;
จะเห็นว่าเราสามารถใช้ CSS เป็นตัวช่วยการตกแต่งตัวอักษรได้โดยช่วยลดการใช้งาน image ลงได้อย่างมาก
คำเตือน เนื้อหาต่างๆ ในบทความ รวมถึงรูปภาพทั้งหมดในบทความนี้ เป็นความเห็นส่วนตัวของผู้เขียนแต่ละคน ซึ่งแต่ละคนได้ทำการลงทะเบียน และเขียนบทความลงใน Modoeye Articles นี้โดยไม่มีค่าธรรมเนียมใดๆ บทความเหล่านี้เป้าหมายเพื่อการศึกษา และความบันเทิงเท่านั้น การนำส่วนหนึ่งส่วนใดของบทความไปใช้งาน ควรทำการอ้างอิงถึงผู้เขียนและแหล่งที่มาด้วย