Почему дочерние элементы слайдера могут изменять свое положение при использовании CSS transforms?

Дочерние элементы слайдера могут изменять своё положение при использовании CSS transforms из-за того, что свойство transform преобразует систему координат элемента, что приводит к трансформации элемента в пространстве. www.internet-technologies.ru

Свойство transform позволяет изменить то, как браузер отображает элемент: сместить его, повернуть, увеличить, уменьшить или создать иллюзию трёхмерного пространства. skillbox.ru При этом элемент остаётся на своём месте в потоке документа, но зрительно может находиться в любом другом месте, которое задано. skillbox.ru

Все преобразования происходят относительно определённой точки, которая называется точкой трансформации, или transform-origin. skillbox.ru По умолчанию она находится в центре элемента, но можно сместить её в любой угол или задать ей точные координаты. skillbox.ru

Кроме того, для вложенных элементов создаётся свой контекст наложения, когда к элементу применяется transform. skillbox.ru Это значит, что они будут располагаться друг под другом только в пределах этого элемента и не смогут выйти за его границы по z-index. skillbox.ru