CSS -agterkant-sigbaarheid Eiendom
Voorbeeld
Versteek en wys die agterkant van twee geroteerde <div>-elemente:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definisie en gebruik
Die backface-visibility
eienskap definieer of die agterkant van 'n element sigbaar moet wees wanneer die gebruiker in die gesig staar.
Die agterkant van 'n element is 'n spieëlbeeld van die voorkant wat vertoon word.
Hierdie eienskap is nuttig wanneer 'n element geroteer word. Dit laat jou kies of die gebruiker die agterkant moet sien of nie.
Bekyk 'n demo om hierdie eiendom beter te verstaan .
Standaard waarde: | sigbaar |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.backfaceVisibility="hidden" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur -webkit- of -moz- spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
CSS-sintaksis
backface-visibility: visible|hidden|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
HTML DOM verwysing: backfaceVisibility eiendom