Skip to main content

Text Shadow (and Effects)

Body
Introduction: This page will be covering text shadows. What Are Text Shadows? Text Shadows are exactly what they sound like, it's a shadow around the text within the given area (element, class or id). This is similar to an outline, stroke or border. Structure: text-shadow: {horizontal size} {vertical size} {blur - optional} {colour}; Example:
  1. 
  2. text-shadow: 2px 2px 2px #FF0000;
Text Family: There are also many other text properties, however most of these are no longer supported in most/any of the major web browsers (Chrome, IE, FireFox, Opera and Safari)... hanging

Add new comment

Screenshot