JS實現緩動動畫效果
原理如下: 假設要從數值A變化到數值B,如果是線性運動,則每次移動距離是一樣;如果是緩動,每次移動距離不一樣。那如何才能不一樣呢?很簡單,按比例移動就可以。 例如:每次移動剩余距離的一半。 對吧 ...
原理如下: 假設要從數值A變化到數值B,如果是線性運動,則每次移動距離是一樣;如果是緩動,每次移動距離不一樣。那如何才能不一樣呢?很簡單,按比例移動就可以。 例如:每次移動剩余距離的一半。 對吧 ...
<style>.box { width: 400px; padding: 20px; border: 40px solid #a0b3d6; background-color: #eee; ...