css按鈕或物件快速製作動態效果

製作按鈕時，在正常狀態加上下面兩個樣式

transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;

然後設定初始值，接著在滑鼠移入:hover的樣式再
設定滑鼠移入後的改變值即可

範例：

.mouseOver{
   transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   opacity: .6;
}

.mouseOver:hover{
   opacity:1;
}

上面的範例結果就會呈現動態變化