css3 rotation属性逆时针旋转

原创 国哥笔记  2019-03-16 14:33  阅读 435 views 次

rotation属性定义及用法

在css中,rotation属性是使用来围绕由rotation-point属性定义的指定点,对块级元素进行逆时针旋转。边框、内边距、内容以及背景(非固定)也会被旋转。

rotation属性是css3中新增的属性,目前主流浏览器都还不支持该属性。

rotation属性语法格式

  1. css语法:rotation: angle;
  2. JavaScript语法:object.style.rotation="180deg";

属性值说明

  • angle:元素旋转角度(值:0deg-360deg);

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 rotation属性逆时针旋转</title>
<style type="text/css">
h1{rotation-point:50% 50%;rotation:180deg;}
</style>
</head>
<body>
<h1>rotation属性旋转效果</h1>
<p>目前没有浏览器支持 rotation-point或 rotation属性!</p>
</body>
</html>

运行结果:

目前没有浏览器支持 rotation-point或 rotation属性,暂无运行结果!

 

更多css属性请移步到——>css属性大全

本文地址:https://www.ggbiji.com/css-rotation.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情