Maison > Article > interface Web > Comment utiliser la propriété de rotation CSS
Comment utiliser la propriété de rotation CSS
- 青灯夜游original
- 2019-05-29 16:01:043562parcourir
L'attribut rotation est un nouvel attribut de CSS3, qui est utilisé pour faire pivoter les éléments au niveau du bloc dans le sens inverse des aiguilles d'une montre autour du point spécifié défini par l'attribut rotation-point. Les bordures, le remplissage, le contenu et l'arrière-plan (non corrigés) sont également pivotés ! Cependant, les navigateurs actuels ne prennent pas en charge cet attribut.
Comment utiliser l'attribut de rotation CSS ?
L'attribut rotation fait pivoter l'élément de niveau bloc dans le sens inverse des aiguilles d'une montre autour du point spécifié défini par l'attribut rotation-point.
Syntaxe :
rotation: angle;
Valeur de l'attribut :
Quantityangle : angle de rotation de l'élément. Valeurs possibles : 0deg à 360deg.
Remarque : Les bordures, le remplissage, le contenu et l'arrière-plan (non fixes) seront également pivotés ! Actuellement, les navigateurs grand public ne prennent pas en charge l'attribut de rotation.
exemple de propriété de rotation CSS
<!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>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!