CSS3 rotation-point 属性

css rotation-point 属性是一对值,定义从上左边框边缘进行偏移的点

rotation-point 属性需要与 rotation 属性结合使用

默认值0
继承no
版本CSS3
JavaScript 语法object.style.rotation="180deg"

语法

rotation-point: value;


值说明

描述
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
如果只规定一个关键词,则第二个值将是 "center"
x% y%百分比值,参考边框盒宽度和高度

浏览器支持

目前没有浏览器支持 rotation 属性


范例

将 <h1> 元素旋转 180 度(从上向下)

h1
{
    rotation-point:50% 50%;
    rotation:180deg;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_425

目录选择