Comment utiliser la propriété de rotation CSS

青灯夜游
Libérer: 2019-05-29 16:01:04
original
3563 Les gens l'ont consulté

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 la propriété de rotation CSS

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;
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal