CSS perspective egenskap

Definition och användning

Perspective egenskapen definierar avståndet från 3D-elementet till vyn, mätt i pixlar. Denna egenskap låter dig ändra vyn på 3D-elementet.

När perspective egenskapen definieras för ett element, får dess underliggande element perspektiveffekten, inte elementet själv.

Kommentar:Perspective egenskapen påverkar endast 3D-omvandlingselement.

Tips:Se också: perspective-origin Använd egenskapen tillsammans med denna egenskap för att kunna ändra 3D-elementets bottenposition.

Se också:

CSS3Handledning:CSS3 3D transformation

HTML DOM Referenshandbok:perspective egenskap

Exempel

Ställ in vyn för hur elementet ska ses:

div
{
perspective: 500;
}

Prova själv

CSS-syntax

perspective: number|none;

Egenskapsvärde

Värde Beskrivning
number Avståndet från elementet till vyn, mätt i pixlar.
inget Standardvärde. Liknar 0. Ingen perspektivinställning.

Tekniska detaljer

Standardvärde: inget
Ärvnad: ja
Version: CSS3
JavaScript-syntax: object.style.perspective=500

Webbläsarstöd

Siffrorna i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Siffror med -webkit- eller -moz- prefix indikerar den första versionen som använde prefixet.

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-