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ı:
Başka bir yazımızda görüşmek üzere…
