Gabriel(@gabriell_lab):Design Engineering Tip: Ever wondered why an idle animation suddenly snaps back when you trigger another interaction? It’s often because both animations target the same property. By default, the later animation replaces the earlier one. Instead of replacing your floating animation, compose the second one on top. animation: float 6s ease-in-out infinite, shake 250ms ease; animation-composition: replace, add;

2026.08.29 14:47

Design Engineering Tip: Ever wondered why an idle animation suddenly snaps back when you trigger another interaction? It’s often because both animations target the same property. By default, the later animation replaces the earlier one. Instead of replacing your floating animation, compose the second one on top. animation: float 6s ease-in-out infinite, shake 250ms ease; animation-composition: replace, add;