В чем отличие между transform и transform-origin в CSS?

Отличие между свойствами transform и transform-origin в CSS заключается в их назначении:

1. transform задаёт вид преобразования элемента. html5book.ru Свойство описывается с помощью функций трансформации, которые смещают элемент относительно его текущего положения на странице или изменяют его первоначальные размеры и форму. html5book.ru
2. transform-origin позволяет сместить центр трансформации, относительно которого происходит изменение положения/размера/формы элемента. html5book.ru Значение по умолчанию — center, или 50% 50%. html5book.ru

Таким образом, transform задаёт само преобразование, а transform-origin — исходное положение, откуда оно начинается или строится. blog.hubspot.com

Например, с помощью transform можно вращать или наклонять элемент, а transform-origin позволяет указать, куда необходимо перенести начало координат. www.internet-technologies.ru