เพิ่มรายการเงาที่คั่นด้วยเครื่องหมายจุลภาคเพื่อเพิ่มเงามากกว่าหนึ่งรายการด้วยคุณสมบัติ text-shadow คุณสามารถลองเรียกใช้สิ่งต่อไปนี้เพื่อเรียนรู้วิธีเพิ่มเงาหลายเงาในบรรทัดเดียว
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 0 0 3px red, 0 0 4px green, 0 0 5px blue;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Above heading has multiple text shadow effects.</p>
</body>
</html>