Responsive Reklam Alanı

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  *
Paylaşmak Güzeldir
Yazar
Yazar
JavaScript Kullanarak Fotoğraf Dalgalandırma İşlemi? CSS Kullanarak Renk Geçişi Yapımı?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.