perspective-originImovine utvrđuje porijeklo za perspectivenekretnine. Zamislite to kao točku nestajanja trenutnog 3D-prostora.
Napomena što se tiče perspectivesvojstva, perspective-originmora se definirati na roditeljskom elementu kako bi se transformiranom djeci dala dubina.
perspective-originVlasništvo ne čini ništa sama po sebi. Mora se definirati na elementu zajedno s 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; ) Ispod je demonstracija koja pokazuje kako se 3D kocka ponaša kada mijenja svoju točku nestajanja promjenom perspective-originvrijednosti (konstante).
Hej, animirajmo porijeklo iz perspektive, samo iz zabave!
- Počinje s `0% 0%` (gore lijevo)
- Zatim idite na `100% 0%` (gore desno)
- Zatim na `100% 100%` (dolje desno)
- Zatim na `0% 100%` (dolje lijevo)
- Zatim se vratite na 1. i ponovo pokrenite
Podrška preglednika
Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.
Radna površina
| Krom | Firefox | IE | Rub | Safari |
|---|---|---|---|---|
| 12 * | 10 * | 11 | 12 | 4 * |
Mobitel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 3 * | 3,2 * |