Heute zeige ich Ihnen einen mit CSS3 erstellten Flip-Effekt. Wenn Sie die Maus über ein Element bewegen, können Sie spüren, dass Sie die Informationen hinter dem Element sehen können. Wenn Sie Lianliankan machen, Pokerspiele, die Ihr Gedächtnis testen, oder sogar ein paar Worte an Ihre Freundin schreiben, können Sie es ausprobieren, nachdem Sie es in das Fotoalbum eingefügt haben, das mit diesem Beispiel erstellt wurde. ha~ Rendering: Einige im Beispiel verwendete CSS3 Neu Attribute: a. -webkit-perspective: 800px; perspective (Perspektive, Perspektive): Das Attribut definiert den Abstand des 3D-Elements von der Ansicht in Pixel. Mit dieser Eigenschaft können Sie die Ansicht des 3D-Elements ändern. Bestimmt, ob es sich bei dem, was Sie sehen, um eine 2D-Transformation oder eine 3D-Transformation handelt. b. -webkit-transform-style: Preserve-3d; Das Attribut transform-style gibt an, wie verschachtelte Elemente im 3D-Raum gerendert werden. Die Standardeinstellung ist flach, wir verwenden den 3D-Effekt und wählen dann 3D aus. c, -webkit-b
1. Empfohlener 3D-Flop-Effekt (Sammlung)
Einführung: Heute präsentiere ich Ihnen einen von CSS3 erstellten Flip-Effekt. Wenn Sie die Maus über ein Element bewegen, können Sie spüren, dass Sie die Informationen hinter dem Element sehen können. Wenn Sie Lianliankan machen, Pokerspiele, die Ihr Gedächtnis testen, oder sogar ein paar Worte an Ihre Freundin schreiben, können Sie es ausprobieren, nachdem Sie es in das Fotoalbum eingefügt haben, das mit diesem Beispiel erstellt wurde. ha~ Rendering: Einige im Beispiel verwendete CSS3 Neu Attribute: a, -webkit-perspective: 800px; perspective (Perspektive, Perspektive): Attributdefinition 3...
2 Thema CSS3 erstellt einen klassischen Fall des 3D-Flip-Effekts von Baidu Tieba
Einleitung: Zunächst einmal vielen Dank an w3cfuns Lehrer ~ Heute präsentiere ich Ihnen einen von CSS3 erstellten Flip-Effekt. Wenn Sie die Maus über ein Element bewegen, können Sie spüren, dass Sie die Informationen hinter dem Element sehen können. Wenn Sie Lianliankan machen, Pokerspiele, die Ihr Gedächtnis testen, oder sogar ein paar Worte an Ihre Freundin schreiben, können Sie es ausprobieren, nachdem Sie es in das Fotoalbum eingefügt haben, das mit diesem Beispiel erstellt wurde. ha~ Rendering: Einige im Beispiel verwendete CSS3 Neu Attribute: a. -webkit-perspective: 800px; perspective
3. CSS3 erzeugt den 3D-Flop-Effekt von Baidu Tieba
Einführung: Dieser Artikel stellt hauptsächlich CSS3 vor, um Beispiele für 3D-Flop-Effekte von Baidu Tieba zu erstellen kann mal mehr lernen.
4. HTML5 CSS3: 3D-Karusselleffektalbum
Einführung: Der Zweck dieses Blogs besteht darin, dass es einen wichtigen Wissenspunkt zum CSS-3D-Effekt gibt, der im attraktiven Beispiel des vorherigen HTML5-CSS3-Themas CSS3 nicht erwähnt wurde, um den 3D-Flop-Effekt von Baidu Tieba zu erstellen Perspektiven- und Übersetzungsdarstellungen: Hehe, ich habe ein paar Fotos vom College-Abschluss in ein Karussell verwandelt, das sich um mein Hauptfach Geisteswissenschaften dreht, ohne die pflegende Anmut meiner Alma Mater zu vergessen~ 1. PerspektivePerspektive-Attributpaket
5. CSS3 realisiert einen dynamischen Kartenumdrehungseffekt, der Baidu Tieba 3D-Kartenumdrehungs-Spezialeffekte nachahmt_Erfahrungsaustausch
Einleitung: In diesem Artikel wird hauptsächlich ein Spezialeffekt beschrieben, der die neue CSS3-Funktionstransformation verwendet, um 3D-Flop zu erreichen. Freunde in Not können sich darauf beziehen.
Das obige ist der detaillierte Inhalt von10 Inhaltsempfehlungen für 3D-Flop. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!