A perspective-origintulajdonság meghatározza az ingatlan eredetét perspective. Gondoljon arra, mint a jelenlegi 3D-tér eltűnő pontjára.
Megjegyzendő, hogy a perspectivetulajdonságot perspective-originmeg kell határozni a szülő elemen annak érdekében, hogy az átalakított gyermekeknek mélységet adjanak.
Az perspective-originingatlan önmagában nem csinál semmit. Meg kell határozni egy elemen együtt perspective.
/** * Syntax * perspective-origin: x-position * perspective-origin: x-position y-position * * perspective-origin:
| | constants | inherit */ .element1 ( perspective-origin: 25% 75%; ) .element2 ( perspective-origin: 10px 25px; ) .element3 ( perspective-origin: left bottom; ) Az alábbiakban bemutatunk egy bemutatót, amely bemutatja, hogyan viselkedik egy 3D-s kocka, amikor az perspective-originérték (konstansok) megváltoztatásával megváltoztatja eltűnési pontját .
Hé, animáljuk a perspektíva eredetét, csak szórakozásból!
- Kezdete: "0% 0%" (bal felső rész)
- Ezután lépjen a "100% 0%" oldalra (jobb felső sarokban)
- Ezután a "100% 100%" -ra (jobbra lent)
- Ezután a "0% 100%" -ra (balra lent)
- Ezután térjen vissza az 1. helyre és indítsa újra
Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 12 * | 10 * | 11. | 12. | 4 * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 3 * | 3,2 * |