Quelle est l'unité de rotation CSS ?

L'unité de rotation CSS est l'unité qui spécifie l'angle de rotation de l'élément, qui sont les degrés (deg), les radians (rad) et le gradient (grad). Introduction détaillée : 1. deg, utilise l'angle pour exprimer la taille de la rotation, une valeur positive signifie une rotation dans le sens des aiguilles d'une montre, une valeur négative signifie une rotation dans le sens inverse des aiguilles d'une montre 2. rad, utilise la valeur en radian pour exprimer la taille de la rotation, un cercle complet est de 2π radians, Le la plage numérique est de 0 à 2π ; 3. grad, qui utilise un pourcentage pour exprimer la taille de la rotation. Un cercle complet est de 400 gradients, et la plage numérique est de 0 à 400 et ainsi de suite.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

L'unité de rotation CSS est l'unité utilisée pour spécifier l'angle de rotation de l'élément. CSS définit trois unités de rotation : degrés (deg), radians (rad) et gradients (grad).

Degré (deg) : le degré est l'unité de rotation la plus couramment utilisée, et les angles sont utilisés pour exprimer la taille de la rotation. Un cercle complet mesure 360 ​​degrés et la plage de valeurs est comprise entre 0 et 360. Les valeurs positives indiquent une rotation dans le sens des aiguilles d'une montre, les valeurs négatives indiquent une rotation dans le sens inverse des aiguilles d'une montre. Par exemple, pour faire une rotation de 45 degrés, vous pouvez utiliser le code CSS suivant :

transform: rotate(45deg);

Radian (rad) : Le radian est une autre unité de rotation, et la valeur en radian est utilisée pour représenter la taille de la rotation. Un cercle complet équivaut à 2π radians et la plage de valeurs est comprise entre 0 et 2π. En convertissant les angles en radians, vous pouvez utiliser la formule suivante : radians = angle × π / 180. Par exemple, une rotation de π/4 radians (équivalent à 45 degrés) peut utiliser le code CSS suivant :

transform: rotate(0.7854rad);

Gradient (grad) : Le dégradé est une unité de rotation rare qui utilise un pourcentage pour exprimer la taille de la rotation. Un cercle complet est un dégradé de 400, avec des valeurs allant de 0 à 400. En convertissant les angles en dégradés, vous pouvez utiliser la formule suivante : Dégradé = Angle × 10/9. Par exemple, pour faire pivoter un dégradé de 50 (équivalent à 45 degrés), vous pouvez utiliser le code CSS suivant :

transform: rotate(50grad);

Ces unités de rotation peuvent être utilisées dans l'attribut transform du CSS pour spécifier l'angle de rotation de l'élément à travers la rotation () fonction. Le choix de l'unité de rotation dépend des besoins spécifiques et des préférences personnelles. L'utilisation d'unités de rotation appropriées peut rendre votre code plus clair et plus lisible.

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!