标签：
一.倒影
：-webkit-box-reflect:
属性值1：位置 [above , below , left , right]
属性值2：间距 像素值
属性值3：渐变-webkit-box-reflect: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,0.6))
二.变形transform
旋转：rotate(90deg)
变形原点:transform-origin : [percentage | length | left | center | right] [percentage | length | top | center | bottom]
translate(length[, length])： 指定对象的2D translation（2D平移）。第一个参数对应X轴，第二个参数对应Y轴。translateX(length)： 指定对象X轴（水平方向）的平移 translateY(length)： 指定对象Y轴（垂直方向）的平移
缩放：scale(number[, number])： 指定对象的2D scale（2D缩放）。第一个参数对应X轴，第二个参数对应Y轴。 scaleX(number)： 指定对象X轴的（水平方向）缩放 scaleY(number)： 指定对象Y轴的（垂直方向）缩放
扭曲：skew(angle [, angle])： 指定对象skew transformation（斜切扭曲）。第一个参数对应X轴，第二个参数对应Y轴。 skewX(angle)： 指定对象X轴的（水平方向）扭曲 skewY(angle)： 指定对象Y轴的（垂直方向）扭曲
matrix(a,b,c,d,e,f)ad表示变大，scale，bc表示skew表示扭曲，ef表示平移。
css3倒影变形旋转缩放
标签：
原文地址：http://www.cnblogs.com/programerHuan/p/4772635.html
