css text-shadow nedir? nasıl kullanılır?

css text-shadow, metinlere gölge vermek için kullanılır. Metinlere üç boyutlu efektler vermek için kullandığımız bir özelliktir.

Kullanım şekli :
text-shadow : parametre1 parametre2 parametre3 parametre4;
parametre1 : yatay gölge
parametre2 : dikey gölge
parametre3 : bulanıklık yarı çapı
parametre4 : renk

Örnek :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        p{font-size:32px; font-weight:bold}      
        .one   { text-shadow: 0 0 0 red }
        .two   { text-shadow: 3px 0 3px red; }
        .three { text-shadow: 0 3px 3px blue }
        .four  { text-shadow: 3px 3px 1px #666 }
    </style>
<body>
    <p class="one">
        Tasarım ve Yazılım
    </p>
    <p class="two">
        Tasarım ve Yazılım
    </p>
    <p class="three">
        Tasarım ve Yazılım
    </p>
    <p class="four">
        Tasarım ve Yazılım
    </p>
</body>
</html>

Html Çıktısı:

css text-shadow

Başka bir yazımızda görüşmek üzere…

Leave a Reply