Heim >Web-Frontend >CSS-Tutorial >So stellen Sie die Schriftdrehung in CSS3 auf 180 Grad ein
So stellen Sie die Schriftdrehung in CSS3 auf 180 Grad ein
- WBOYOriginal
- 2021-12-15 17:10:498463Durchsuche
In CSS können Sie das Transformationsattribut mit der Funktion „Rotate()“ verwenden, um die Schriftart so einzustellen, dass sie um 180 Grad gedreht wird, und die Funktion „Rotate()“ kann den Elementrotationsstil definieren. Schriftartelement {transform:rotate(180deg)" ;}".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So stellen Sie die Schriftart so ein, dass sie in CSS3 um 180 Grad gedreht wird.
Wenn Sie in CSS die Schriftart um 180 Grad drehen möchten, können Sie das Transformationsattribut und die Funktion „rotate()“ verwenden. Das Attribut
transform wendet eine 2D- oder 3D-Transformation auf ein Element an. Mit dieser Eigenschaft können wir das Element drehen, skalieren, verschieben oder neigen. Die Funktion
rotate() definiert die 2D-Rotation. Geben Sie in den Parametern einfach den Winkel als 180 Grad an.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
p{
width:200px;
transform:rotate(180deg);
}
</style>
</head>
<body>
<p>这一段想要旋转180度显示</p>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo stellen Sie die Schriftdrehung in CSS3 auf 180 Grad ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!