Concept

In this demo different transitions delays on elements make the effect.

Code

All balls are defined with absolute position in the middle of the demo area. Transition is defined for each ball:

• Cyan balls have transition of the top/left position. Transition delay varies from ball to ball.
• Yellow ball has transition on opacity.

When we hover the yellow ball, top/left position of the cyan balls is changed, and yellow ball opacity is going to 0. The change for each ball is done by smooth transition with the appropriate delay as defined in the transition property.