水平翻转和垂直翻转是什么概念？

1、水平翻转的概念：从左向右或从右向左180度翻转；

2、垂直翻转的概念：从上向下或从下向上180度翻转；

3、水平翻转是左右翻转，垂直翻转是上下翻转；

4、水平翻转或垂直翻转不同于旋转180度，水平翻转以轴为镜像，垂直翻转以点为镜像。

垂直翻转以点为镜像。

需要注意：水平翻转或垂直翻转不同于旋转180度。前者以轴为镜像，后者以点为镜像。如果是对称元素，旋转180度和翻转的显示效果基本上就是一致的，但是，非对称元素就会看到明显差异。对于后面提到的目前仅webkit核心浏览器支持的rotateY(180deg)，这里有个大写的Y。我们都知道Y表示纵轴，所以我们可能会误以为这里实现的是垂直翻转，其实非也，这里的Y表示元素以纵轴为镜像翻转，也就是水平翻转了。

水平翻转：从左向右或从右向左180度翻转！

垂直翻转：从上向下或从下向上180度翻转！

一个是左右翻转，一个是上下翻转！

水平翻转和垂直翻转词语在图像处理出现较多。我打个比方！

如图下图（正常）

水平翻转如下图：

垂直翻转如下图：

“水平翻转”的意思是从左向右或从右向左180度翻转。

相近词：“垂直翻转”。

意思是从上向下或从下向上180度翻转，主要区别在于一个是左右翻转，一个是上下翻转。

旋转和翻转的区别：

1、旋转是指以图形某个点为中心发生角度的变化，注意在旋转过程中是图形整体都发生了角度变化，而图形各元素之间的相对位置没有改变。

2、翻转是指图形围绕着翻转轴做空间180°的运动，可知翻转过后得到的图形与原图形关于翻转轴对称。

---