/ * daohang*/ # nav, # nav ul { liste stili: hiçbiri dışında hiçbiri; kenar boşluğu: 0; dolgu: 0; } #nav { yazı tipi ailesi: "Helvetica", "Arial", sans-serif; yazı tipi ağırlığı: kalın; yazı tipi boyutu: 12px; yükseklik: 36px; liste stili: hiçbiri dışında hiçbiri; kenar boşluğu: 0 genişlik: 980px; / * kutu gölgesi */ - moz-kutu-gölge: 0px 3px 3px # cecece; -webkit-kutu-gölge: 0px 3px 3px # cecece; kutu gölgesi: 0 3px 4px #8b8b8b; /* gradyan */ arka plan resmi: - webkit-gradyan (doğrusal, sol alt, sol üst, renk durdurma (0, #324585), renk durdurma (0,5, #2b3b72), renk durdurma (0.51, #334788), renk durdurma (1, #334788)); arka plan resmi: - moz-doğrusal-gradyan(orta alt, #324585 %0, #2b3b72 50%, #334788 51%, #334788 100%); arka plan rengi:#334788; } #nav ul { ayrıldı: - 9999 piksel; pozisyon: mutlak; üst: - 9999 piksel; z-endeksi: 2; } # nav li { kenarlık-alt: 0 sınır-sol: 1px katı #526bbf; sınır-sağ: 1px katı #526bbf; sınır üstü: 0 ekran: blok; şamandıra: sol; yükseklik: 34px; pozisyon: göreceli; genişlik: 137px; } # nav li: ilk çocuk { sol kenarlık: 0 yok; sol kenar boşluğu: 5 piksel; } # nav li a { renk: # FFFFFF; ekran: blok; çizgi yüksekliği: 34 piksel; anahat: orta yok; metin hizala: ortala; metin dekorasyonu: yok; /* gradyan */ arka plan resmi: - webkit-gradyan (doğrusal, sol alt, sol üst, renk durdurma (0, #324585), renk durdurma (0,5, #2b3b72), renk durdurma (0.51, #334788), renk durdurma (1, #354a8e)); arka plan resmi: - moz-doğrusal-gradyan(orta alt, #324585 %0, #2b3b72 %50, #334788 %51, #354a8e %100); arka plan rengi:#354a8e; } / * ana kareler #animasyon1 */ @ - webkit-ana kareler animasyonu1 { 0% { - webkit dönüşümü: ölçek(1); } 30% { - webkit dönüşümü: ölçek(1.3); } 100% { - webkit dönüşümü: ölçek(1); } } @ - moz-ana kareler animasyonu1 { 0% { - moz dönüşümü: ölçek(1); } 30% { -moz dönüşümü: ölçek(1.3); } 100% { - moz dönüşümü: ölçek(1); } } #nav li > a: vurgulu { / * css3 animasyonu */ - moz-animasyon-isim: animasyon1; - moz-animasyon-süre: 0.7 s; -moz-animasyon-zamanlama-fonksiyon: doğrusal; -moz-animasyon-yineleme-sayım: sonsuz; -moz-animasyon-yön: normal; -moz-animasyon-gecikme: 0; -moz-animasyon-oynatma durumu: çalışıyor; -moz-animasyon-doldurma modu: ileri; -webkit-animasyon-isim: animasyon1; -webkit-animasyon-süre: 0,7 sn; - webkit-animasyon-zamanlama-fonksiyon: doğrusal; -webkit-animasyon-yineleme-sayım: sonsuz; - webkit-animasyon-yön: normal; - webkit-animasyon-gecikme: 0; - webkit-animasyon-oynatma durumu: çalışıyor; -webkit-animasyon-doldurma modu: ileri; } # gezinme noktası:vurgulu > a { z-endeksi: 4; } # nav li:vurgulu ul.altlar { ayrıldı: 0; üst: 34 piksel; genişlik: 150px; } # nav ul li { arka plan: yok tekrar kaydırma 0 0 #354a8e; kutu gölgesi: 5px 5px 5px rgba(0, 0, 0, 0.5); opaklık: 0; genişlik: 100%; } / * ana kareler #animasyon2 */ @ - webkit-ana kareler animasyonu2 { 0% { sol kenar boşluğu:185 piksel; } 100% { sol kenar boşluğu: 0 piksel; opaklık: 1; } } @ - moz-ana kareler animasyonu2 { 0% { sol kenar boşluğu:185 piksel; } 100% { sol kenar boşluğu: 0 piksel; opaklık: 1; } } # nav li: vurgulu ul li { / * css3 animasyonu */ - moz-animasyon-isim: animasyon2; - moz-animasyon-süre: 0.3 s; -moz-animasyon-zamanlama-fonksiyon: doğrusal; - moz-animasyon-yineleme-sayısı: 1; -moz-animasyon-yön: normal; -moz-animasyon-gecikme: 0; -moz-animasyon-oynatma durumu: çalışıyor; -moz-animasyon-doldurma modu: ileri; -webkit-animasyon-isim: animasyon2; -webkit-animasyon-süre: 0,3 sn; - webkit-animasyon-zamanlama-fonksiyon: doğrusal; - webkit-animasyon-yineleme-sayısı: 1; - webkit-animasyon-yön: normal; - webkit-animasyon-gecikme: 0; - webkit-animasyon-oynatma durumu: çalışıyor; -webkit-animasyon-doldurma modu: ileri; } / * donghua */ # nav li: vurgulu ul li: n. çocuk(1) { -moz-animasyon-gecikme: 0; - webkit-animasyon-gecikme: 0; } # nav li: vurgulu ul li: nth-çocuk (2) { -moz-animasyon-gecikme: 0.05 s; -webkit-animasyon-gecikme: 0.05 s; } # nav li: vurgulu ul li: n. çocuk (3) { -moz-animasyon-gecikme: 0.1 s; -webkit-animasyon-gecikme: 0.1 s; } # nav li: vurgulu ul li: n-çocuk(4){ -moz-animasyon-gecikme: 0.15 s; -webkit-animasyon-gecikme: 0.15 s; } # nav li: vurgulu ul li: nth-çocuk (5) { -moz-animasyon-gecikme: 0.2 s; -webkit-animasyon-gecikme: 0.2 s; } # nav li: vurgulu ul li: n. çocuk (6) { -moz-animasyon-gecikme: 0.25 s; -webkit-animasyon-gecikme: 0.25 s; } # nav li: vurgulu ul li: n. çocuk (7) { -moz-animasyon-gecikme: 0.3 s; -webkit-animasyon-gecikme: 0.3 s; } # nav li: vurgulu ul li: n. çocuk (8) { -moz-animasyon-gecikme: 0.35 s; -webkit-animasyon-gecikme: 0.35 s; } .main{genişlik: 1010 piksel; kenar boşluğu: 0 otomatik; yazı tipi ailesi:"Helvetica","Arial", sans-serif; } .ana li,.ana p{yazı tipi ailesi: "Helvetica","Arial",sans-serif;yazı tipi boyutu: 14 piksel; satır yüksekliği: 1,5;} .ana li,.main ul{liste stili: hiçbiri dışında hiçbiri;} .ana.temizle{ temizle: her ikisi de;} .ana.ımg_box ımg{ kayan nokta: sol; kenar boşluğu: 10px 10px 0 0;} .ana.ımg_box ımg: nth-çocuk (2n){ sağ kenar boşluğu: 0;} .ana.içerik kutusu .başlık{ kenar boşluğu: 20px 0;} .ana.içerik kutusu.font16 p{ yazı tipi boyutu: 16 piksel;} .ana.başlık h1,.ana.başlık p{yazı tipi ailesi: Simsun; metin hizalama: - webkit merkezi; yazı tipi boyutu: 16 piksel;} .ana.başlık h1{ kenar boşluğu: 30 piksel;} .ana.kırmızı{ renk: kırmızı;}

Etiketler: cam ampul ışıkları, Kolye ışıkları, bar kolye ışık, cam tavan lambası