Merhaba arkadaşlar bugün CSS3 property'lerinden olan backface-visibility
property'sine değineceğim.
backface-visibility
property elementin arka tarafı döndürüldüğü sırada elementin arka kısmının ziyaretçi tarafından görünüp/görünmeyeceğini belirlemek için kullanılan bir
property'dir. Bu nedenle backface-visibility
genellikle 2D veya 3D CSS veya JavaScript animasyonlarında kullanılır.
visible
olması sebebi ile CSS veya JavaScript ile oluşturduğumuz 2D/3D animasyonlarında elementin arka tarafı görülecektir. Elementin arka kısmı, ön kısmında bulunan içeriğin aynalaması şeklinde ile oluşturulur.
Majör tarayıcılar 2022 yılının 1.çeyreğinden itibaren backface-visibility
property'i desteklemektedirler.
backface-visibility
property karakteristik özelliklerini incelersek:
Özellik | Açıklama |
---|---|
Varsayılan değer: | visible |
Inherit özeiiği: | Hayır, parent elementten property değerleri miras alınamaz. |
CSS animasyon özelliği: | Hayır, CSS animasyon property'lerini desteklemez. |
CSS versiyonu: | CSS3 |
JavaScript syntax: | object.style.backfaceVisibility="hidden" |
🖱️ Örnek çalışmaya linke tıklayarak ulaşabilirsiniz arkadaşlar.
Umarım faydası olmuştur.
Top comments (0)