水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)是什么概念？

1、水平翻轉(zhuǎn)的概念：從左向右或從右向左180度翻轉(zhuǎn)；

2、垂直翻轉(zhuǎn)的概念：從上向下或從下向上180度翻轉(zhuǎn)；

3、水平翻轉(zhuǎn)是左右翻轉(zhuǎn)，垂直翻轉(zhuǎn)是上下翻轉(zhuǎn)；

4、水平翻轉(zhuǎn)或垂直翻轉(zhuǎn)不同于旋轉(zhuǎn)180度，水平翻轉(zhuǎn)以軸為鏡像，垂直翻轉(zhuǎn)以點(diǎn)為鏡像。

垂直翻轉(zhuǎn)以點(diǎn)為鏡像。

需要注意：水平翻轉(zhuǎn)或垂直翻轉(zhuǎn)不同于旋轉(zhuǎn)180度。前者以軸為鏡像，后者以點(diǎn)為鏡像。如果是對稱元素，旋轉(zhuǎn)180度和翻轉(zhuǎn)的顯示效果基本上就是一致的，但是，非對稱元素就會看到明顯差異。對于后面提到的目前僅webkit核心瀏覽器支持的rotateY(180deg)，這里有個(gè)大寫的Y。我們都知道Y表示縱軸，所以我們可能會誤以為這里實(shí)現(xiàn)的是垂直翻轉(zhuǎn)，其實(shí)非也，這里的Y表示元素以縱軸為鏡像翻轉(zhuǎn)，也就是水平翻轉(zhuǎn)了。