Css3

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

24 June 2014 · 1 dakika okuma · 9

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;

}

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>

İyi Günler Dilerim,

#Css3 #gölge #Shadow #text-shadow #yazı gölge

Bu yazıyı paylaş:

X'te Paylaş LinkedIn