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:
Anonymous User
29-Jul-2019Thank You.