css3 翻转和旋转的区别

css3 翻转和旋转的区别

css3 翻转和旋转的区别如下：
概述：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate

1、旋转，利用rotate来实现，代码如下：
-webkit-transform:rotate(10deg); 指定浏览器内核为webkit的翻转方式
-moz-transform:rotate(10deg);指定firefox浏览器私有属性

transform:rotate(10deg); 一般浏览器翻转的角度为10弧度

2、 翻转，利用scale来实现，代码如下：
scale本来是放缩的意思，原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转
水平翻转：
-webkit-transform:scale(-1，1); 水平轴为-1，代表水平翻转
-moz-transform:scale(-1，1); 水平轴为-1，代表水平翻转
transform:scale(-1，1);水平轴为-1，代表水平翻转
垂直翻转：
-webkit-transform:scale(1，-1); 垂直轴为-1，代表垂直翻转
-moz-transform:scale(1，-1); 垂直轴为-1，代表垂直翻转
transform:scale(1，-1);垂直轴为-1，代表垂直翻转2016-12-27

翻转是沿着z轴转的，旋转只是平面的，翻转是涉及到3d属性的2016-10-28

css3有翻转属性？2016-10-28