Comment convertir du HTML 2D et 3D

Tout le monde doit avoir entendu parler de la populaire VR et de la 3D à l'œil nu. Aujourd'hui, je vais vous présenter comment convertir des effets 2D et 3D en HTML.

transformation :

rotation() rotationfonction (deg)

degré degré

fonction d'inclinaison skew(X,Y) (deg)

skewX()

skewY()

fonction de mise à l'échelle scale(X,Y) (positive, négative et décimale)

scaleX ( )

scaleY()

translation(X,Y) fonction de déplacement (px)

translateX()

translateY()

transformer la séquence d'exécution de l'abréviation (écrire en dernier, exécuter en premier)

transformer-style (preserve-3d) Créer un espace 3D

miroir de perspective

point de base du miroir d'origine de perspective

x:gauche/centre/droite/longueur/%

y:haut/centre/bas/longueur / %

transform Nouvelle fonction

rotateX()

rotateY()

rotateZ()

translateZ ()

scaleZ()

transform-origin: x,y; point de référence de rotation

x : gauche/centre/droite/longueur/%

y : top/center/bottom/length/%

z : length

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres. php Sites Web chinois Articles connexes !

Lecture connexe :

Façons courantes d'obtenir des styles avec Js

Étapes de mise en œuvre pour que Js fasse fonctionner des objets de fenêtre

Fonctionnement Js des propriétés d'objet d'événement non-IE, introduction détaillée des méthodes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!