CSS3 Çok Renkli 3D Yazı Yazma

CSS3 Çift Renkli 3D Yazı Yazma

Merhabalari, sizlere text-shadow kullanarak 3D veya çift renkli yazı yazmayı göstereceğim. Mantığı aslında çok basittir. 
Kodların text-shadow kısmındaki rgb li kısımların renkleri değiştirerek gölge rengini istediğiniz gib ayarlayabilirsiniz.

<style>
.yazi{
    padding:20px 20px; 
      font: normal 72px/normal "Passero One", Helvetica, sans-serif;
      color:#333;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
text-shadow:  rgb(187, 187, 187) 0px 1px 0px,
  rgb(181, 181, 181) 0px 2px 0px,
  rgb(172, 172, 172) 0px 3px 0px,
  rgb(160, 160, 160) 0px 4px 0px,
  rgb(145, 145, 145) 0px 5px 0px,
  rgb(127, 127, 127) 0px 6px 0px,
  rgba(0, 0, 0, 0.199219) 0px 7px 1px,
  rgba(0, 0, 0, 0.296875) 0px 8px 6px;
}
</style>

<div class="yazi">Mustafa Kemal Atatük</div>

Programın Çıktısı

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
8
Günlük :
166
Haftalık :
1007
Aylık :
4150
Copyright © 2012 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, herhangi bir sitede iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim.