CSS3 動畫，hover 離開後動畫回播

用 CSS3 做動畫，比較簡單的 transition 的話當我們是使用 :hover 觸發的話，會在我們離開後自動回轉回去，但用 animation 的話則無法，所以如果我們想要做比較複雜的動畫的話，
就必須要再寫一個回播的的動畫才可以，簡單的如下：



在 hover 跟原始的屬性上各自加上不同播放方向的動畫就好了，但可能會有個缺點是一開始進來的時候動畫先播一次，這個也可以用一些技術上的方式解決。