In general, it's best to use animations on the web in a complementary way rather than the only way to note a state change in UI. Using animations on the web in the most accessible way requires a little extra consideration: Set the icon's vertical distortion ('squish') when landing after the jump Set the icon's horizontal distortion ('squish') when landing after the jump Set the icon's vertical distortion ('squish') at the top of the jump Set the icon's horizontal distortion ('squish') at the top of the jump Set the icon's vertical distortion ('squish') when starting to bounce

Set the icon's horizontal distortion ('squish') when starting to bounce Set the max height an icon will jump to when bouncing Set the amount of rebound an icon has when landing after the jump