Css-Kullanarak-Yazı-Gölgelendirme-İşlemi_emresupcinMerhaba arkadaşlar,

CSS kategorimizi biraz doldurmak maksatlı sizlere 2 tane css dersi anlatmayı istiyorum. İlk anlatmak istediğim konu css kullanımı ile herhangi bir yazıyı gölgelendirme işlemi. Satırlarca kod yazmayacağız, Bu konuyu yapacağınız web sayfanın tasarım aşamasında yazı editörlerinden kod kullanmadan da yapılabilir ancak bir yazılımcı her zaman kolaya kaçmamalıdır. Neyse dersimize artık başlayalım ve öncelikle index.html dosyamızı oluşturalım ardında style.css dosyamızı oluşturup işlemlerimizi yapalım.

 

 

index.html dosyamızın kodları aşağıdaki gibi olmalıdır…

 

1  <html>
2    <head>
3  <link rel="stylesheet" href="style.css"/>
4	<title></title>
5   </head>
6  <body>
7	<section id="genel">
8	<div id="yazi">Emre SUPÇİN emresupcin.com</div>
9	</section>
10   </body>
11  </html>

 

style.css dosyamızın kodları aşağıdaki gibi olmalıdır…

 

1  #genel {
2  display:-webkit-box;
3    -webkit-box-align:center;
4    -webkit-box-orient:vertical;
5  }
6   #yazi{
7   font:25px bold tahoma;
8   text-shadow: rgb(100,100,100) 10px 10px ;
9  }
10   /* text-shadow:parantez içi gölgenin rengi 
        parantez dışı gölgenin nereden başlayacağıdır  *
Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:JavaScript Kullanarak Fotoğraf Dalgalandırma İşlemi?

Sonraki Yazı:CSS Kullanarak Renk Geçişi Yapımı?

BENZER YAZILAR
YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.