---
title: CSS 变形
date: 2015-09-01
tags:
- CSS
---
## 2D
2D 常用的变形函数： tranlate() 、 scale() 、 rotate() 、 skew() 、 matrix() 。
### skew() 函数
示例：
{% iframe ../demos/css%20skew.html 100% 320 %}
下图描述了`skew(30deg, 10deg)`的工作原理：
> **注：**上图来自 [http://dtop.powereasy.net/Item/3715.aspx](http://dtop.powereasy.net/Item/3715.aspx) 。
### transform-origin
transform-origin 用来指定元素变形的中心点位置，默认就是元素的中心点。
但是，对于位移 translate() 函数来说，无论
