CSS3 perspective property
Examples
Set viewing angle of an element where:
div
{
perspective: 500;
-webkit-perspective: 500; / * Safari and Chrome * /
}
{
perspective: 500;
-webkit-perspective: 500; / * Safari and Chrome * /
}
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
| 属性 | |||||
|---|---|---|---|---|---|
| perspective | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
Attribute definitions and instructions
3D elements is to define how many pixels from the perspective view of the property. This property allows you to change how 3D elements are viewing perspective.
perspective attribute definition, which is a child of an element, perspective, and not the element itself.
Note: perspective property affects only 3D conversion element.
Tip: Check with perspective-origin use this property with property, so you can change the position of the bottom of the 3D elements.
| Defaults: | none |
|---|---|
| inherit: | no |
| version: | CSS3 |
| JavaScript syntax: | object .style.perspective = 500 |
grammar
perspective:number|none;
| value | description |
|---|---|
| number | Distance from the view of the element in pixels. |
| none | Defaults. Same as 0. Perspective is not set. |
