CSS3之转换

transform属性向元素应用2D或3D转换

　　指定一组转换函数，取值—transform:none/transform-function;　　

　　　　none:默认值，表示元素不进行转换

　　　　transform-function:表示一个或多个转换函数，中间以空格分开

转换的原点

　　transform-origin属性用来指定元素的转换原点位置

　　　　默认情况下，转换的原点在元素的中心点（或者是X轴和Y轴的50%处）

　　　　transform-origin:数值/百分比/关键字

　　　　　　—一个值：表示所有轴的位置

　　　　　　—两个值：表示X轴和Y轴

　　　　　　—三个值：表示X轴、Y轴和Z轴

div{
    width:100px;
    height:100px;
    border:1px solid black;
    background-color:#ccc;
}
div.trans{
    transform:rotate(90deg) scale(0.8);
}

div{
    width:100px;
    height:100px;
    border:1px solid black;
    background-color:#eee;
}
#d1{
    transform:rotate(90deg);
　　 transform-origin:bottom right;
}

CSS3之转换

原文：http://www.cnblogs.com/carolineshen/p/5152405.html