1、水平翻转的概念：从左向右或从右向左180度翻转；
2、垂直翻转的概念：从上向下或从下向上180度翻转；
3、水平翻转是左右翻转，垂直翻转是上下翻转；
4、水平翻转或垂直翻转不同于旋转180度，水平翻转以轴为镜像，垂直翻转以点为镜像。
垂直翻转以点为镜像。
需要注意：水平翻转或垂直翻转不同于旋转180度。前者以轴为镜像，后者以点为镜像。如果是对称元素，旋转180度和翻转的显示效果基本上就是一致的，但是，非对称元素就会看到明显差异。对于后面提到的目前仅webkit核心浏览器支持的rotateY(180deg)，这里有个大写的Y。我们都知道Y表示纵轴，所以我们可能会误以为这里实现的是垂直翻转，其实非也，这里的Y表示元素以纵轴为镜像翻转，也就是水平翻转了。
水平翻转：从左向右或从右向左180度翻转！
垂直翻转：从上向下或从下向上180度翻转！
一个是左右翻转，一个是上下翻转！
水平翻转和垂直翻转词语在图像处理出现较多。我打个比方！
如图下图（正常）
水平翻转如下图：
垂直翻转如下图：
“水平翻转”的意思是从左向右或从右向左180度翻转。相近词：“垂直翻转”。
意思是从上向下或从下向上180度翻转，主要区别在于一个是左右翻转，一个是上下翻转。
旋转和翻转的区别：
1、旋转是指以图形某个点为中心发生角度的变化，注意在旋转过程中是图形整体都发生了角度变化，而图形各元素之间的相对位置没有改变。
2、翻转是指图形围绕着翻转轴做空间180°的运动，可知翻转过后得到的图形与原图形关于翻转轴对称。
欢迎分享，转载请注明来源：民族网
