Beispiel-Tutorials zum Spielen mit 2D- und 3D-Technologie

Die Formtransformation von CSS3 ermöglicht uns das Strecken, Skalieren usw. In diesem Artikel werde ich hauptsächlich über das 2D-Ebenentransformationsattribut „Transformation“ sprechen, das „Transformation“ bedeutet und hauptsächlich durch Funktionen verwendet wird ist die folgende Funktion: translator( ) Translationstransformation ratate() Rotationstransformation scale() Skalierungstransformation skew() Schräge Transformationsmatrix() Matrixtransformation transform-origin definiert das Zentrum der Transformation translatortranslate() hat zwei Parameter Einer ist die relative Verschiebung der x-Achse. Der zweite Parameter ist die relative Verschiebung der y-Achse.demo { … Transformieren: Translate(100px, 200px <--); } Oder Translate() kann in Translate aufgeteilt werden 🎜>

Einführung: Die Formtransformation von CSS3 ermöglicht es uns, Elemente zu strecken, zu skalieren usw. In diesem Artikel spreche ich hauptsächlich darüber Das 2D-Ebenentransformationsattribut kann transformiert werden. Es gibt hauptsächlich die folgenden Funktionen: Translate(), Translationstransformation, Rotationstransformation, Scale(), Skalierungstransformation, Neigungstransformationsmatrix. ) Matrixtransformation transform-origin beim Definieren des Zentrums der Transformationstransformationstransformation

2. Illustration der technischen 3D-Schritte zum Spielen mit CSS3

Einführung: Erste Schritte mit 3D in CSS3. Um mit 3D in CSS3 zu spielen, müssen Sie ein paar Wörter verstehen, nämlich Perspektive, Drehen und übersetzen. Perspektive bedeutet, 2D-Dinge auf dem Bildschirm aus einer realistischen Perspektive zu betrachten, um den 3D-Effekt zu zeigen. Drehung ist keine Drehung mehr auf einer 2D-Ebene, sondern eine Drehung eines dreidimensionalen Koordinatensystems, einschließlich Drehung auf der X-Achse, Y-Achse und Z-Achse. Das Gleiche gilt für das Schwenken. Wenn ich es theoretisch erkläre, vermute ich natürlich, dass Sie es immer noch nicht verstehen. Unten finden Sie 3 GIFs: Drehen Sie sich entlang des Spielens mit den 3D-Effekten von CSS3

Einführung: Erste Schritte mit 3D von CSS3 Um mit 3D von CSS3 zu beginnen, müssen Sie nur ein paar Wörter verstehen, nämlich Perspektive, Drehen und Verschieben. Perspektive bedeutet, 2D-Dinge auf dem Bildschirm aus einer realistischen Perspektive zu betrachten, um den 3D-Effekt zu zeigen. Drehung ist keine Drehung mehr auf einer 2D-Ebene, sondern eine Drehung eines dreidimensionalen Koordinatensystems, einschließlich Drehung auf der X-Achse, Y-Achse und Z-Achse. Das Gleiche gilt für das Schwenken. Wenn ich es theoretisch erkläre, vermute ich natürlich, dass Sie es immer noch nicht verstehen. Unten finden Sie 3 GIFs: Drehen Sie entlang der Seite. Spielen Sie mit der SCC3-3D-Technologie Sie müssen einige Vokabeln kennen, nämlich Perspektive, Drehung und Übersetzung. Perspektive bedeutet, 2D-Dinge auf dem Bildschirm aus einer realistischen Perspektive zu betrachten, um den 3D-Effekt zu zeigen. Drehung ist keine Drehung mehr auf einer 2D-Ebene, sondern eine Drehung eines dreidimensionalen Koordinatensystems, einschließlich Drehung auf der X-Achse, Y-Achse und Z-Achse. Das Gleiche gilt für das Schwenken.

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorials zum Spielen mit 2D- und 3D-Technologie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!