В чем разница между свойствами transform и transition?

Разница между свойствами transform и transition в CSS заключается в их назначении:

1. transform позволяет применять различные трансформации к элементу. dzen.ru Трансформации могут включать перемещение, поворот, изменение размера и искажение элементов. dzen.ru Transform не изменяет физическую модель элемента, а применяет трансформации только визуально. dzen.ru
2. transition позволяет плавно анимировать изменения CSS-свойств элемента. dzen.ru Оно позволяет задать переходные эффекты при изменении состояния элемента, таких как изменение цвета, размера, положения и других атрибутов. dzen.ru Применяется к элементам, которые имеют начальное и конечное состояние. dzen.ru

Таким образом, transform изменяет визуальное представление элемента, а transition устанавливает продолжительность изменений, чтобы анимация была плавной. habr.com