Text Transform and Text Shadow Property using CSS3

Vijay Shukla 3948 27 Dec 2012 Updated 18 Sep 2014

In this blog I have tried to explain how to use Text Transform and Text Shadow using CSS3 and HTML.

The Text Transform property is use for transform the text it have several values these are given below:

Uppercase:

This value is Transform the text in any case to Uppercase.

Lowercase:

This value is Transform the text in any case to Lowercase.

Capitalize:

This value is transform the word in capitalize means every word start with capital letter in any paragraph.

<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {text-transform:uppercase; text-shadow:5px 5px #CD853F; font-weight:bold;}
p.lowercase {text-transform:lowercase; text-shadow:5px 5px #CD853F; font-weight:bold;}
p.capitalize {text-transform:capitalize; text-shadow:5px 5px#CD853F; font-weight:bold;}
</style>
</head>
<body>
<p class="uppercase">mindstick</p>
<p class="lowercase">mindstick</p>
<p class="capitalize"> mindstick unleash your imagination </p>
</body>
</html>