Css3 Text Shadow Effect (Gölge Efekti) Ders 3
·
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, Bu yazıyı paylaş: