Exemplu
Setați perspectiva din care este vizualizat un element:
div
{
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea perspectivă definește cât de mulți pixeli este plasat un element 3D de la punctul de vedere. Această proprietate vă permite să schimbați perspectiva asupra modului elementelor 3D sunt vizualizate.
La definirea proprietății de perspectivă pentru un element, este elementele de copil care obține punctul de vedere în perspectivă, NU elementul în sine.
Note: Proprietatea perspectivă afectează numai elementele transformate 3D!
Tip: Utilizați această proprietate împreună cu perspectiva-origine proprietate, care vă permite să schimbați poziția de jos a elementelor 3D.
Pentru a înțelege mai bine proprietatea în perspectivă, o demonstrație .
Valoare implicită: | none |
---|---|
Mostenit: | no |
Animatable: | yes. Read about animatable Try it |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.perspective="50px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmat de -webkit- sau -moz- specifica prima versiune care a lucrat cu un prefix.
Proprietate | |||||
---|---|---|---|---|---|
perspective | 36,0 12,0 -webkit- | 10.0 | 16.0 10.0 -moz- | 9 4.0.3 -webkit- | 23.0 15,0 -webkit- |
CSS Sintaxa
perspective: Valori de proprietate Valoarea proprietății Descriere length Cât de departe elementul este plasat din punctul de vedere nici unul Valoare implicită. La fel ca la 0. Perspectiva nu este setat iniţială Setează această proprietate la valoarea implicită. Citiți despre inițială moşteni Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS: CSS 3D Transformări
HTML DOM de referință: perspective property