CSS3 transform-origin

transform: scale

该属于用于设置变形的起始点

<!-- transform-origin: left top | 以左上角为基准点进行伸缩 -->
<!-- transform-origin 的参数由(left cent right 或 %)组成,类似于 background-position 的组合方式 -->

<div style="width:100px; height:100px; background:orange; transform:scale(1.5, 0.5); transform-origin: left top;"></div>

left top效果


正常效果


设置了left top基准点的元素会比正常元素靠左上方。

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程