Heim >Web-Frontend >Front-End-Fragen und Antworten >Was ist die Einheit Grad in CSS3?
Was ist die Einheit Grad in CSS3?
- 青灯夜游Original
- 2022-02-28 17:12:4510636Durchsuche
In CSS3 ist Grad eine Winkeleinheit, der vollständige Name ist „Degress“, was „Grad“ bedeutet; der Winkelbereich reicht von „0~360“ Grad (Grad), es kann auch eine negative Zahl sein, wenn es so ist ist eine negative Zahl, sie ist gegen den Uhrzeigersinn.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS3 ist Grad eine Winkeleinheit, der vollständige Name lautet „Degress“, was „Grad“ bedeutet.
Ein Kreis hat insgesamt 360 Grad, der Winkelbereich reicht also von „0~360“ Grad (Grad). Natürlich kann es sich auch um eine negative Zahl handeln gegen den Uhrzeigersinn.
Konvertierung zwischen Winkelwerten:
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
Beispiel:
<!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>
Fügen Sie den folgenden Stil zum div hinzu, wodurch das Element um 90 Grad im Uhrzeigersinn gedreht wird
/* 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 */
zum div Hinzufügen Der folgende Stil dreht das Element um 90 Grad gegen den Uhrzeigersinn
Das obige ist der detaillierte Inhalt vonWas ist die Einheit Grad in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!