按鈕箭頭前移
滑鼠移入觸發懸浮時內部箭頭向右推移，暗示「繼續前進」。
把滑鼠移到方塊上
這一條靠
:hover 觸發，頁麵載入時不會自己播。滑鼠移上去、再移開就能來回看。
參數調節
交互類動畫由滑鼠狀態驅動，時長與緩動寫在規則裡的
transition / animation 上，改成下方代碼裡的數值即可。
完整代碼
/* 按鈕箭頭前移 */
.anim-btn-arrow-slide i {
display: inline-block;
transition: transform .25s cubic-bezier(.22,.61,.36,1);
}
.anim-btn-arrow-slide:hover i {
transform: translateX(6px);
}