CSS perspective egenskab

Definisjon og bruk

perspektiv egenskapen definerer avstanden til 3D-elementet fra visningen, målt i piksler. Denne egenskapen tillater deg å endre visningen av 3D-elementet.

Når perspektiv egenskapen er definert for et element, får dens underordnede elementer perspektiveffekten, ikke elementet selv.

Kommentar:perspektiv egenskap påvirker bare 3D-omformingskomponenter.

Tips:Se også: perspective-origin Bruk egenskapen sammen med denne egenskapen for å kunne endre 3D-elementets nederste posisjon.

Se også:

CSS3 tutorial:CSS3 3D transformation

HTML DOM referansehåndbok:perspektiv egenskap

Eksempel

Sett visningen for hvor elementet settes til å bli sett:

div
{
perspektiv: 500;
}

Prøv selv

CSS syntaks

perspektiv: tall|ingen;

Egenskapsverdi

Verdi Beskrivelse
tall Avstanden til elementet fra visningen, målt i piksler.
ingen Standardverdi. Lik null. Ingen perspektiv satt.

Tekniske detaljer

Standardverdi: ingen
Arvbarhet: ja
Versjon: CSS3
JavaScript syntaks: object.style.perspective=500

Nettleserstøtte

Tallene i tabellen angir den første nettleserversjonen som fullt ut støtter egenskapen.

Tallene i tabellen viser den første nettleserversjonen som fullt ut støtter egenskapen med prefikset -webkit- eller -moz-.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-