Heim > Artikel > Web-Frontend > So verwenden Sie die CSS-Rotationseigenschaft
So verwenden Sie die CSS-Rotationseigenschaft
- 青灯夜游Original
- 2019-05-29 16:01:043512Durchsuche
Das Rotationsattribut ist ein neues Attribut von CSS3, das verwendet wird, um Elemente auf Blockebene gegen den Uhrzeigersinn um den angegebenen Punkt zu drehen, der durch das Rotationspunktattribut definiert wird. Ränder, Innenabstände, Inhalte und Hintergrund (nicht fixiert) werden ebenfalls gedreht! Derzeit unterstützen Mainstream-Browser dieses Attribut jedoch nicht.
Wie verwende ich das CSS-Rotationsattribut?
Das Rotationsattribut dreht das Blockebenenelement gegen den Uhrzeigersinn um den angegebenen Punkt, der durch das Rotationspunktattribut definiert wird.
Syntax:
rotation: angle;
Attributwert:
●Winkel: Elementdrehwinkel. Mögliche Werte: 0 Grad bis 360 Grad.
Hinweis: Ränder, Innenabstand, Inhalt und Hintergrund (nicht fixiert) werden ebenfalls gedreht! Derzeit unterstützen Mainstream-Browser das Rotationsattribut nicht.
Beispiel für eine CSS-Rotationseigenschaft
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
</style>
</head>
<body>
<h1>旋转效果</h1>
<p><b>注释：</b>目前没有浏览器支持 rotation-point 或 rotation 属性。</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Rotationseigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!