KOD67

Yayınlar

backface-visibility etiketine sahip yayınlar gösteriliyor

CSS3 backface-visibility Özelliği

Ocak 06, 2016

CSS3 backface-visibility Css backface-visibility özelliği ile döndürülmüş bir div kutusunun arka yüzünün görünürlüğü kontrol edilebilir. Örnek: Bu örnekte iki tane div kutusu y ekseninde 180 derece döndürülmüştür. Birine visible diğerine ise hidden değeri uygulanmıştır.Özelliğin etkisini öğrenmek için kendiniz deneyin tuşuna tıklayınız. div { backface-visibility: hidden; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ } Kendiniz deneyin » CSS3 backface-visibility nedir nasıl kullanılır transform özelliği uygulanan div kutularının arka kısımlarının görünürlüğünü düzenleyen bir özelliktir. CSS backface-visibility CSS backface-visibility özellikleri Varsayılan Değer: visible Kalıtsallık: yok Animasyon Özelliği: yok Versiyon: CSS3 JavaScript backface-visibility: object.styl

Devamı

JavaScript CSS3 backface-visibility Örnek

Ocak 06, 2016

javascript css3 backface-visibility örnek uygulama Javascript ile backface-visibility özelliğine "visible" , "hidden" değeri verilmiştir. Aşağıdaki seçeneği işaretlediğinizde Animasyon kutusu "x" ekseni etrafında dönerken kutunun arka tarafının görüntülenip görüntülenmemesini kontrol edebilirsiniz. CSS3 JavaScript css backface-visibility © htmlvecssegitimi.blogspot.com

Devamı

CSS3 backface-visibility Uygulama

Kasım 28, 2015

CSS3 backface-visibility div#yesilkutu { backface-visibility:visible; } CSS3 backface-visibility değerleri backface-visibility: visible hidden Sonuç Ekranı CSS3 Dersleri Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

Devamı

CSS3 backface-visibility Örnek

Kasım 28, 2015

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css backface-visibility örnek uygulaması</title> <style> div { position: relative; width: 85px; height: 85px; background:green; color:white; margin:10px; border-radius:10px; box-sizing:border-box; padding-top:26px; text-align:center; font-size:25px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #kutu1 { -webkit-backface-visibility: hidden; backface-visibil

Devamı