Bert Bos | Transformaties (Future CSS, Utrecht 2013)
Je mag verwachten dat de kijker midden voor het scherm zit, maar die keuze is er niet. Het punt dat geacht wordt zich recht voor de kijker te bevinden kan alleen gekozen worden t.o.v. elementen, niet t.o.v. het scherm. Als je het vester beweegt, zul je zien dat het perspectief niet veranderd…
Het midden van het perspectief is vlak boven de ladder, op 65% van links en 10% van boven. Boven op het plaatje hebben we een hoge, smalle rechthoek gezet ter grootte van de ladder: 13px breed en 472px hoog. M.b.v. een rotatex(90deg) hebben we die „plat” gelegd, net als de ladder in de afbeelding. Het perspectief zorgt er dan voor dat die plat-liggende rechthoek een trapezium-vorm krijgt.
M.b.v. een hover-effect laten we de hoogte vervolgens variëren tussen 0 en 472px.
Als je
perspective
weglaat (d.w.z. de waardenone
geeft), wordt de 3d-transformatie wel uitgevoerd, maar daarna wordt de z-waarde genegeerd en je ziet dus geen perspectief. Dit is omdat het moeilijk is voor de UA om zelfstandig te bepalen of de (dure) perspectiefberekeing wel of niet nodig is. Misschien wordt deze beperking nog opgeheven.De waarde van
perspective
geeft in principe aan hoe ver de kijker van het scherm af zit. In principe zou dat dus altijd zo'n 2690px van het midden van het scherm moeten zijn. Maar je kunt het perspectief-effect overdrijven door een kleinere waarde te geven.