這個最重要的是css樣式，首先先看看html架構吧：
兩個div不用多講，上就對了：
"mask_layer"
>
天王蓋地虎
class
="masked"
>
寶塔鎮河妖div
>
div>
大框中設定溢位隱藏：overflow: hidden
小框設定透明度：opacity: 0.5
從 0.0 （完全透明）到 1.0（完全不透明）
重點是這句：
transition: top 2s,opacity 2s;
top在2s之內發生變化，透明度也在2s之內發生變化
:hover滑鼠滑過，top的值由150變成0，透明度由0.5變成1，用時兩秒
這裡大小框的定位我用的是子絕父相，顧名思義，父級大框用相對定位，子級小框用絕對定位就搞定啦！
#mask_layer
.masked
.masked:hover
Activity過渡動畫
1.android5.x提供了三種transition型別1 進入 activity所有檢視進入螢幕。2 退出 activity所有檢視退出螢幕。3 共享元素 activity之間的過渡。進入和退出效果包括 explode 分解 從螢幕中間進或出，移動檢視。side 滑動 從螢幕邊緣進或出，移動檢視...
動畫過渡效果
動畫 使用動畫必要的兩個屬性 1 動畫名稱 animation name 2 動畫持續時間 animation duration 3 動畫使用的速度函式 animation timing function animation iteration count animation direction 6...
過渡 變形 動畫
transition all 0.3s linear 0 要過渡的屬性 過渡執行的時間 運動速度 何時開始 注意 組合寫法 旋轉之後，座標會跟著旋轉 移動 transform translate 50 40 x軸位移 50 y軸位移 40 transform translatex 30px x軸移動...