SahraForumDizini

Genel Forum Sitesi
 
AnasayfaAnasayfa  SSSSSS  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
avatar

<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ş : 26
<b>Nerden</b> Nerden : Bilmem
<b>Lakap</b> Lakap : gececi

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


Ö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ı
 Similar topics
-
» PsP Kutu İçeriği ve Yorumlar
» 420 değişik oyun
» PhotoScapede resmin içinden ışık geçirme

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