1、水平翻转的概念：从左向右或从右向左180度翻转；
2、垂直翻转的概念：从上向下或从下向上180度翻转；
3、水平翻转是左右翻转，垂直翻转是上下翻转；
4、水平翻转或垂直翻转不同于旋转180度，水平翻转以轴为镜像，垂直翻转以点为镜像。
垂直翻转以点为镜像。
需要注意：水平翻转或垂直翻转不同于旋转180度。前者以轴为镜像，后者以点为镜像。如果是对称元素，旋转180度和翻转的显示效果基本上就是一致的，但是，非对称元素就会看到明显差异。对于后面提到的目前仅webkit核心浏览器支持的rotateY(180deg)，这里有个大写的Y。我们都知道Y表示纵轴，所以我们可能会误以为这里实现的是垂直翻转，其实非也，这里的Y表示元素以纵轴为镜像翻转，也就是水平翻转了。
水平翻转：从左向右或从右向左180度翻转！
垂直翻转：从上向下或从下向上180度翻转！
一个是左右翻转，一个是上下翻转！
水平翻转和垂直翻转词语在图像处理出现较多。我打个比方！
如图下图（正常）
水平翻转如下图：
垂直翻转如下图：
