Как учесть transform?

Question

[fantastikgodd]

используя трансформ переворачиваю стрелку
но расстояние межу слайдером и стрелкой разное ( как слева , так и справа)
на 4 пикселя

cлева 29
справа 25

&--dir_left
		left: -32px

&--dir_right
		transform: scaleX(-1)
		right: -32px

Comments

[Ankhena]

Показывайте в песочнице. Потому что scaleX(-1) не сдвигает элемент.

[Антон]

а чем вам rotate не угодил?

[Stalker_RED]

Ankhena, вангую, что там стрелка в виде изображения или элемента с несимметричными полями.

[Ankhena]

Stalker_RED, там же не rotate, а scale.

[Stalker_RED]

Ankhena, ну вот стрелка "типа сдвигается", хотя если включить рамку, то будет понятно, что элемент не двигается, а эффект из-за полей.

[Ankhena]

Stalker_RED, https://jsfiddle.net/8Lbjxt1z/
если сдвиги действительно установлены симметрично, то всё будет хорошо, даже с несимметричным элементом.

Мне не хотелось сегодня играть в угадайку, поэтому просто попросила песочницу.

И transform-origin можно применять и к scale.

Answer 1

[Stalker_RED]

Возможно вам поможет свойство transform-origin
Сравните поведение когда transform-origin в центре фигуры и на краю