CSS perspective-origin egenskab

Definisjon og bruk

perspective-origin-egenskapen definerer X- og Y-aksen som 3D-elementet er basert på. Denne egenskapen tillater deg å endre 3D-elementets bunnposisjon.

Når perspective-origin-egenskapen er definert for et element, vil barnene få perspektiveffekten, ikke elementet selv.

Kommentarer:Denne egenskapen må brukes sammen med perspektiv egenskaper brukes sammen og påvirker kun 3D-rotasjonselementer.

Se også:

CSS3 undervisning:CSS3 3D-omforming

HTML DOM referansehåndbok:perspectiveOrigin-egenskapen

Eksempel

Sett inn basepunktets posisjon for 3D-elementer:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Prøv selv

CSS-syntaks

perspective-origin: x-aksen y-aksen;

Egenskapsverdi

Verdi Beskrivelse
x-aksen

Definerer plasseringen av visningen på x-aksen. Standardverdi: 50%.

Mulige verdier:

  • venstre
  • centreret
  • højre
  • length
  • %
y-aksen

Definerer plasseringen av visningen på y-aksen. Standardverdi: 50%.

Mulige verdier:

  • toppen
  • centreret
  • bunden
  • length
  • %

Tekniske detaljer

Standardverdi: 50% 50%
Arvbarhet: nei
Versjon: CSS3
JavaScript-syntaks: object.style.perspectiveOrigin="10% 10%"

Nettleserstøtte

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

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-