[Tamil] Text Shadow Using CSS In Tamil

Text Shadow

Text shadow property-யின் உடைய வேலை என்னவென்றால் Text-க்கு shadow effect-யை கொடுப்பதாகும்.

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .shadow{

            text-shadow: 5px 5px;

        }

    </style>

</head>

<body>

<h1>text-shadow கொடுப்பதற்கு  முன்பு,</h1>

<p>Techysaw</p>



<h1>text-shadow கொடுத்த பிறகு,</h1>

<p class="shadow">Techysaw</p>

</body>

</html>

Output:

Text Shadow With Add Color

text shadow effect-க்கு color கொடுக்க முடியும்.

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .shadow{

            text-shadow: 3px 3px green;

        }

    </style>

</head>

<body>

<h1>text-shadow கொடுப்பதற்கு  முன்பு,</h1>

<p>Techysaw</p>



<h1>text-shadow கொடுத்த பிறகு,</h1>

<p class="shadow">Techysaw</p>

</body>

</html>

Output:

Text Shadow With Blur Effects

text shadow-இல் blur effect-யையும் கொடுக்க முடியும்.

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .shadow{

            text-shadow: 3px 3px 3px green;

        }

    </style>

</head>


<body>

<h1>text-shadow கொடுப்பதற்கு  முன்பு,</h1>

<p>Techysaw</p>



<h1>text-shadow கொடுத்த பிறகு,</h1>

<p class="shadow">Techysaw</p>

</body>

</html>