Css3 Text Shadow Effect (Gölge Efekti) Ders 3

Merhaba,

Bu dersimizde bir önceki dersimizde görmüş olduğumuz arka plan gölge efektini text (yazı) üzerinde inceleyeceğiz. Css3 kullanılarak yapılan bu işlemde text-shadow özelliği kullanılmaktadır.

Text-Shadow

Bu özelliği içerisine yazı yazağımız elementin içerisine eklememiz yeterli olacaktır.

Kullanım Şekli :

p

{

Text-shadow: 3px 3px 5px red;

}

{

Text-shadow: 3px 3px 5px red;

}

P elementi içerisine yazılan textimize kırmızı bir gölge eklemiş olduk.

Yapmış olduğumuz örneğe ait kodumuzuda hemen ekleyelim.

<!DOCTYPE HTML>

<html>

<head>

<style >

p

{

text-shadow:3px 3px 5px red;

}

</style>

<meta charset="iso-8859-9">

</head>

<body>

<p>buraya yazı yazılacak</p>

</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

{

text-shadow:3px 3px 5px red;

}

</style>

</head>

<body>

<p>buraya yazı yazılacak</p>

</body>

</html>

İyi Günler Dilerim,

Css3 Text Shadow Effect (Gölge Efekti) Ders 3

Bunu beğen:

İlgili

Cevapla

Bir Cevap YazınCevabı iptal et

Son Yorumlar

Bunu paylaş:

Bunu beğen:

İlgili

Möglicherweise interessiert Sie:

Cevapla

Bir Cevap YazınCevabı iptal et

Etiketler

Son Yorumlar