SahraForumDizini

Genel Forum Sitesi
 
AnasayfaAnasayfa  AramaArama  Kayıt OlKayıt Ol  Giriş yap  
Sayfayı FaceBook'ta Paylaş

Paylaş
 

 CSS3 Kutu Elementlerine Golge Verme Box shadow

Aşağa gitmek 
YazarMesaj
Sahra
ForumSahraSiteSahibi
ForumSahraSiteSahibi
Sahra

<b>Mesaj Sayısı</b> Mesaj Sayısı : 428
<b>Tecrübe</b> Tecrübe : 1091
<b>Rep Puanı</b> Rep Puanı : 29
<b>Kayıt Tarihi</b> Kayıt Tarihi : 07/07/11
<b>Yaş</b> Yaş : 27
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

CSS3 Kutu Elementlerine Golge Verme Box shadow Empty
MesajKonu: CSS3 Kutu Elementlerine Golge Verme Box shadow   CSS3 Kutu Elementlerine Golge Verme Box shadow EmptyC.tesi 16 Tem. - 21:27:48

CSS3 Kutu Elementlerine Golge Verme Box shadow 1267457584_box-shadow
Öncelikle Bir div layer oluşturalım adınıda "golgeli-kutu" koyalım
<div class="golgeli-kutu">
merhaba gölgeli kutu
</div>


Kutumuzu oluşturduk geçelim css kısmına
box-shadow: #555 0px 0px 8px;
-moz-box-shadow: #555 0px 0px 8px;
-webkit-box-shadow: #555 0px 0px 8px;


Bu şekilde gölgemizi verdik kodumuzun nasıl işlediğini görelim

box-shadow: #555 0px 0px 8px;
box-shadow: renk | sol sağ | Yukarı Alt | Gölge Derinliği;

peki ya neden 3 satırlık kod yazdık evet aslında ilk satırdaki kod
bütün işimizi görüyor ama CSS3 ü tarayıcılar yeni desteklemeye
başladığı için haliyle tarayıcılara özel olarak kod yazıyoruz tabi bunu
özellikle kasıtlı olarakta yazabiliriz ama zamanla bize ilk satırdaki
kod yeterli olacaktır

-moz-box-shadow [Linkleri görebilmek için üye olun veya giriş yapın.] ailesi için özel olarak yazılmış bir kod birliğidir

-webkit-box-shadow [Linkleri görebilmek için üye olun veya giriş yapın.] ailesi için özel olarak yazılmış bir kod birliğidir

Sayfa başına dön Aşağa gitmek
http://sahra.forumdizini.com
 
CSS3 Kutu Elementlerine Golge Verme Box shadow
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
SahraForumDizini :: Webmaster :: CSS-
Buraya geçin: