要實現映象翻轉，有兩種實現方法：
方法一：利用css動畫屬性rotate旋轉來實現
具體**：
.mirrorrotatelevel
.mirrorrotatevertical 此處，rotatey(180deg) 這裡的 y 表示元素以y軸映象翻轉，也即水平翻轉；同理， rotatex(180deg) 表示以x軸為映象翻轉，即垂直翻轉。
（**教程推薦：css**教程）
方法二：各個瀏覽器對映象翻轉的相容寫法來實現
.mirrorrotatelevel
.mirrorrotatevertical 注意： 映象翻轉和普通旋轉不同，映象翻轉以軸為映象，普通旋轉以點為映象。
html部分**：
測試css3下映象翻轉
測試css3下水平映象翻轉
測試css3下垂直映象翻轉
我們來看一下簡單的效果：
（感興趣的同學可以將文字換成）
css動畫基礎屬性
這是我收集的動畫基礎屬性，一些可能會出問題的地方也新增了標記，幫助我記憶，也希望幫助有需要的你們 o 人 o background 設定背景 background color 設定背景顏色 background position 設定背景定位 background size 設定背景大小 borde...
css3動畫屬性
定義動畫 from to 等同於0 100 keyframes myfirst to webkit keyframes myfirst safari 和 chrome to 將動畫繫結到選擇器 div keyframes 規定動畫。animation 所有動畫屬性的簡寫屬性，除了 animation...
css簡單動畫（transition屬性）
使用box shadow畫赤橙黃綠藍靛紫7個弧形，拼接在一起 after偽元素寫投影樣式 彩虹和投影都有動畫 dom結構 用兩個巢狀的div容器，父容器來控制圖示顯示的位置，子容器用來寫彩虹的樣式。css樣式 1 定義父容器樣式，控制圖示位置，順便給整個頁面加個背景色，方便預覽 複製 body co...