2012-04-04 9 views
22

Szukałem w Internecie i znalazłem kilka materiałów, ale żaden z nich nie ilustrował tego pojęcia, przynajmniej dla mnie. Na przykład, w3schools mówi, że definiuje, ile pikseli element 3D jest umieszczony w widoku. To takie abstrakcyjne, aby całkowicie zrozumieć. Czy ktoś może mi powiedzieć w bardziej żywy i łatwy do zrozumienia sposób? Nie może być lepiej, jeśli jest kilka obrazów, które pokazują tę koncepcję.Co u licha jest właściwością perspektywy CSS3?

Odpowiedz

39

W transformacjach 3D perspektywa nadaje obiektowi trójwymiarowy punkt widzenia i próbuje renderować perspektywę obiektu 3D z perspektywy konkretnego odbiorcy. Nie jest łatwo to zrozumieć.

Tutaj jest Safari reference na tym.

A beginning tutorial na tym.

Some examples korzystania z perspektywy.

Some more examples.

FYI, w przyszłości proponuję zignorować wszystkie hity wyszukiwania Google pochodzące z w3schools. W jakiś sposób udało im się połączyć wysoki ranking wyszukiwania Google z niezwykle płytką zawartością.

+0

Dzięki. Odwołanie do Safari jest dobrym zasobem. – chaonextdoor

+15

+1 dla doradcy w3schools - patrz również http://w3fools.com/ –

1

Podczas pracy w 3D przestrzeni, musimy ustawić perspektywa wartości, inaczej będzie wyglądać animowane elementy płaskie. W jaki sposób? Perspektywiczna właściwość CSS nadaje elementowi przestrzeń 3D, wpływając na odległość między indeksem Z a użytkownikiem. Pamiętaj: właściwość Perspective nie powinna być stosowana do elementu, który będzie animowany (poprzez przejście CSS, transformację lub animację), ale do elementu nadrzędnego.