CSS3 transform: scale

transform: scale

该属于用于实现元素的缩放效果

<!-- transform: scale(1.5, 0.5) | 参数一代表水平缩放,参数二代表垂直缩放 -->
<!-- transform: scaleX(1.5) 单独设置水平缩放 | transform: scaleY(0.5) 单独设置垂直缩放 -->

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

缩放效果

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