css3-animation實踐1 兩個元素的翻轉與切換

今天開發項目時，表格信息填寫下方會有提示行，爲藍色背景。提交表格數據時候，若是有錯誤提示，會在提示行上方，背景紅色。可是兩層提示會顯得很礙眼，因此本身想法是若是有錯誤提示，直接翻轉提示行180度而後顯示錯誤提示，而後2s後錯誤提示翻轉回到提示行。大概就是這麼個簡單動畫。javascript 這裏一開始打算用一個div來翻轉和顯示，可是翻轉180度之後，元素裏面的字體是倒的，這顯然不符合咱們的要求。

>>阅读原文<<