css3transform怎么用

参考文档啊：http://www.w3school.com.cn/cssref/pr_transform.asp

.rotate:hover .fill {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.rotateX:hover .fill {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}

.rotateY:hover .fill {
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
}

.rotateZ:hover .fill {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.scale:hover .fill {
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
}

.scaleX:hover .fill {
-webkit-transform: scaleX(2);
transform: scaleX(2);
}

.scaleY:hover .fill {
-webkit-transform: scaleY(2);
transform: scaleY(2);
}

.skew:hover .fill {
-webkit-transform: skew(45deg, 45deg);
transform: skew(45deg, 45deg);
}

.skewX:hover .fill {
-webkit-transform: skewX(45deg);
transform: skewX(45deg);
}

.skewY:hover .fill {
-webkit-transform: skewY(45deg);
transform: skewY(45deg);
}

.translate:hover .fill {
-webkit-transform: translate(45px, 1em);
transform: translate(45px, 1em);
}

.translateX:hover .fill {
-webkit-transform: translateX(45px);
transform: translateX(45px);
}

.translateY:hover .fill {
-webkit-transform: translateY(45px);
transform: translateY(45px);
}

.matrix:hover .fill {
-webkit-transform: matrix(2, 2, 0, 2, 45, 0);
transform: matrix(2, 2, 0, 2, 45, 0);
}

transform是变形的意思，可以设置很多的特性。比如：transform: rotate(180deg); transform: scale(1.2);