Comment implémenter la traduction d'éléments en CSS3

En CSS3, l'attribut transform peut être utilisé pour obtenir l'effet de traduction d'élément. Lorsque la valeur de cet attribut est définie sur "translate(x,y)", l'élément peut être traduit le long de l'axe des x et de l'axe des y. . Lorsqu'il s'agit de "translateX(x)", l'élément peut être traduit le long de l'axe des x. Lorsqu'il s'agit de "translateY(y)", il peut traduire l'élément le long de l'axe des y.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS3, l'attribut transfrom peut être utilisé pour obtenir un effet de traduction d'élément.

La propriété Transform applique une transformation 2D ou 3D à un élément. Cette propriété vous permet de faire pivoter, mettre à l'échelle, déplacer, incliner, etc. l'élément. L'attribut

Transform a trois valeurs pour la traduction :

• translate(x,y) définit une transformation 2D qui traduit les éléments le long des axes x et y.

• translateX(x) Définit la transformation, en traduisant l'élément le long de l'axe des x.

• translateY(y) Définit la transformation, en traduisant l'élément le long de l'axe y.

Nous utilisons le paramètre translation pour implémenter le mouvement

• translate(x,y) : Translate le long de l'axe x et de l'axe y

• translateX : Translate vers l'axe X , remplissez le nombre positif pour traduire à droite, remplissez un nombre négatif, traduisez à gauche

• translateY : traduisez vers l'axe Y, remplissez un nombre positif, traduisez vers le bas, remplissez un nombre négatif, traduisez
  

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!