Maison > Article > interface Web > Quelle est l'unité de degré en CSS3 ?
En CSS3, deg est une unité d'angle, le nom complet est "Degress", qui signifie "degré" ; la plage d'angle est de "0~360" degrés (deg), il peut également s'agir d'un nombre négatif, s'il s'agit d'un nombre négatif. est un nombre négatif, il va dans le sens inverse des aiguilles d'une montre.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS3, deg est une unité d'angle, le nom complet est "Degress", qui signifie "degré".
Un cercle a un total de 360 degrés, donc la plage d'angle est de "0 ~ 360" degrés (deg). Bien sûr, il peut également s'agir d'un nombre négatif, ce sera le cas. dans le sens antihoraire.
Conversion entre les valeurs d'angle :
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
Exemple :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 边框阴影--filter:drop-shadow()</title> <style> div { margin: 30px; width: 200px; height: 100px; background-color: yellow; line-height: 100px; text-align: center; } </style> </head> <body> <div> <p>Hello World</p> </div> </body> </html>
Ajoutez le style suivant au div, ce qui fera pivoter l'élément de 90 degrés dans le sens des aiguilles d'une montre
/* Rotate div */ transform: rotate(90deg); -ms-transform: rotate(90deg); /* Internet Explorer */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); /* Opera */
au div Ajout le style suivant fera pivoter l'élément de 90 degrés dans le sens inverse des aiguilles d'une montre
/* Rotate div */ transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* Internet Explorer */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */ -o-transform: rotate(-90deg); /* Opera */
(Partage vidéo d'apprentissage : Tutoriel vidéo CSS, Tutoriel d'introduction au front-end Web)
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!