Margin и translate

Чем Margin отличается от translate?

Как Вы их вообще можете сравнивать?
margin стандартное свойство обозначающее внешний отступ.
Когда rotate - появилось в CSS3 и к тому же это функция (которая является значением для свойства transform). И конкретно функция rotate осуществляет поворот элемента на заданный угол относительно точки трансформации, задаваемой свойством transform-origin.
А трансформ ориджин соответственно устанавливает координаты точки, относительно которой будет происходить трансформация элемента.

Я немного ошибся, Чем Margin отличается от translate?

Вы издеваетесь? ))
опять же translate - функция свойства transform.
Почитайте статью, там все объяснено!

1 лайк

Дополню список тупых вопросов про translate. Не совсем понимаю точный механизм его работы. Translate просто переносит иллюзорную копию объекта на какое-то расстояние, при этом оставляя объект на месте (подобно перемещению position-relative-объекта), при этом не трогая другие элементы, или же перемещается всё-таки сам объект, и его перемещение влияет на остальные элементы?

Не влияет на остальные.
В подробности его работ не вдавался. Особо не было пока задач со сложными перемещениями.
Ваш вопрос далеко не тупой)

Спецификация говорит:

For elements whose layout is governed by the CSS box model, the transform property does not affect the flow of the content surrounding the transformed element. However, the extent of the overflow area takes into account transformed elements. This behavior is similar to what happens when elements are offset via relative positioning.

То есть вы правы, подобно перемещению position-relative-объекта.

3 лайка

Margin отступ от границы до границы…
Translate - смещения относительно текущего места. По аналогии с position: relative;
Но Важно понимать что отличия в том что Translate смещает обьект как одно целое
А Margin смещает сам обьет и то что внути, то есть он смещает все дочерние элементы, из-за этого бывает не плавная анимация и тд

@Ivan_Golvinov, @juwain, ваши ответы - единственные адекватные в этом вопросе. Я худею с надменности айтишников. Настолько чванливые, что хоть вопросов не задавай и сам учись