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

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

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

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

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

垂直翻转以点为镜像。

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