Home > DeveloperSection > Blogs > Text Transform and Text Shadow Property using CSS3

Text Transform and Text Shadow Property using CSS3


CSS-CSS3 CSS-CSS3 
Ratings:
0 Comment(s)
 1730  View(s)
Rate this:

Text Transform and Text Shadow Property using CSS3

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>

 Below is Output:


Don't want to miss updates? Please click the below button!

Follow MindStick