移動的鋼琴鍵

下面是我製作有動畫效果的鋼琴鍵，主要複習之前案例學習到的內容。 設置完後的效果：圖1 當鼠標移動到黑色塊時，白色琴鍵向下移動，並有動畫效果；鼠標移開則恢復-圖1：圖2 當鼠標移在白色琴鍵時會被觸發：圖3 經典代碼：源代碼 圖4 圖5: 複習設置小手的屬性-cursor：pointer； 定義盒子位置移動距離-transform:translatey（x水平方向；y垂直方向） 過渡屬性-transi

>>阅读原文<<