Etiket: visibility

CSS3 backface-visibility

backface-visibility :

Bir element rotate ile döndürülmüş durumda iken görünür olup olmama durumunu belirlememizi sağlar.

Örnek

div {
    position: relative;
    height: 100px;
    width: 100px;
    background-color: green;
    -webkit-transform: rotateY(180deg);  /* Chrome, Safari, Opera */
    transform: rotateY(180deg);
    color: white;
}
.bir {
   -webkit-backface-visibility: hidden;  /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}
.iki {
    -webkit-backface-visibility: visible;  /* Chrome, Safari, Opera */
    backface-visibility: visible;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
visible element görünür.
hidden element görünmez.
İnital
İnherit

Tarayıcı Desteği
36.0
12.0-webkit		 16.0
10.0-moz		 10.0 9.0
4.0-webkit		 23.0
15.0-webkit
Posted on by Samed GÖZÜTOK 1

CSS visibility

visibility :

Visibility özelliği, iki farklı işleve sahiptir. Bir tablonun satırları ve sütunları gizler ve aynı zamanda diğer HTML elemanların görünür olup olmadığını belirler. Bu görünmezliği, elementin kendisini görünmez yaparken, web sayfa üzerinde kapladığı alanı boş alan olarak göstererek gerçekleştirir.

Örnek

.visibility {
  visibility: visible;
}
.hidden {
  visibility: hidden;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
visible Nesne normal olarak gösterilir.
hidden Nesne görünmez olur. Fakat döküman üzerinde kapladığı alanda değişlik olmaz. Kapladığı alan boş olarak gösterilir.
collapse Tablonun tüm satır veya sütunu ekrandan kaldırılmasına neden olur. Bu değer satır, satır grubu, sütun ve sütun grubu elemanları için kullanılır
İnital
İnherit

Tarayıcı Desteği
1.0 1.0 4.0 1.0 4.0
Posted on by Samed GÖZÜTOK 0