Animation

Individual CSS Transform Properties for Maintainable UI Motion

For years, CSS transforms were commonly written as one transform declaration: .card { transform: translateY(-4px) scale(1.02); } That works, but it couples every transform operation to one property. A component that needs to change only its translation must either reproduce the existing scale or overwrite it.