Maison > Article > interface Web > Quelle est l'unité de degré en CSS3 ?

Quelle est l'unité de degré en CSS3 ?

青灯夜游original: 2022-02-28 17:12:4510505parcourir

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

Quelle est l'unité de degré en CSS3 ?

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>

Quelle est lunité de degré en CSS3 ?

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 */

Quelle est lunité de degré en CSS3 ?

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 */

Quelle est lunité de degré en CSS3 ?

(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!

html5 css css3

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle est la différence entre transition et animation en CSS3Article suivant：Quelle est la différence entre transition et animation en CSS3

Articles Liés

Voir plus