Ich suchte online und fand mehrere Materialien, aber keine von ihnen illustrierte dieses Konzept, zumindest für mich. Zum Beispiel sagt die w3schools, wie viele Pixel ein 3D-Element aus der Ansicht platziert wird. Es ist so abstrakt, um es völlig zu verstehen. Kann mir jemand das besser erklären? Es könnte nicht besser sein, wenn es einige Bilder gibt, um dieses Konzept zu zeigen.Was ist die CSS3-Perspektiveneigenschaft?
In 3D-Transformationen gibt die Perspektive dem Objekt einen 3D-Blickwinkel und versucht, die Perspektive des 3D-Objekts aus der Perspektive eines bestimmten Betrachters darzustellen. Es ist nicht leicht zu verstehen.
Hier ist ein Safari reference drauf.
A beginning tutorial darauf.
Some examples der Verwendung der Perspektive.
FYI, in Zukunft würde ich empfehlen, alle Google-Suchtreffer, die von w3schools kommen, zu ignorieren. Sie haben es irgendwie geschafft, ein hohes Google-Suchranking mit unglaublich flachen Inhalten zu kombinieren.
Wenn in einem 3D Raum arbeitet, brauchen wir einen Perspektive Wert setzen, sonst animierte Elemente flach aussehen werden. Wie? Die perspektive CSS-Eigenschaft gibt einem Element einen 3D-Raum, indem der Abstand zwischen dem Z-Index und dem Benutzer beeinflusst wird.Remember: Die Perspective-Eigenschaft sollte nicht auf das Element angewendet werden, das animiert wird (durch CSS-Transition, Transformation oder Animation). aber zu einem Elternelement.
Danke. Die Safari-Referenz ist eine gute Ressource. – chaonextdoor
+1 für die w3schools beraten - siehe auch http://w3fools.com/ –