CSS - Независимые функции перевода и масштабирования? - PullRequest
0 голосов
/ 02 апреля 2020

В настоящее время я изучаю интерфейс и в курсе, который я беру (?), Мы используем transform: translate(-10px, 10px), но недавно я обнаружил независимое свойство translate, которое работает и действует точно так же. Означает ли это, что я должен прекратить использовать transform и использовать вместо этого отдельные свойства?

Ответы [ 3 ]

2 голосов
/ 02 апреля 2020

В соответствии с CSS документацией здесь :

Свойства translate, rotate и scale позволяют авторам независимо определять простые преобразования способом, который сопоставляется с обычным пользователем. использование интерфейса, вместо того, чтобы запоминать порядок в transform, который сохраняет действия translate (), rotate () и scale () независимыми и действует в экранных координатах.

Поэтому при использовании transform и применяет несколько функций преобразования (например, translate, scale или rotate), порядок функций влияет на визуальное представление (что трудно запомнить, как каждая функция влияет на другие).

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

1 голос
/ 02 апреля 2020

Нет, не стоит прекращать его использовать! as Иногда вы можете найти его лучше, чем использование свойства Individual, в некоторых случаях.

Свойство Transform Свойство transform CSS позволяет вращать, масштабировать, наклонять, или перевести элемент.

transform: translate(120px, 50%);

transform: scale(2, 0.5);

В то время как просто перевести позволяет работать с горизонтальным и вертикальным направлением

transform: translate(100px, 200px);

transform: translate(100px, 50%);

Итак, с помощью преобразования вы можете делать несколько вещей в одном строка кода, такая как Scale, Translate, Rotate et c. и просто Translate позволяет вам работать в горизонтальном и вертикальном направлении.

Приоритет отдается больше индивидуальному свойству , т.е. перевод Здесь. Переопределение свойства может быть выполнено

0 голосов
/ 02 апреля 2020

Я думаю, что преобразование: перевод (х, у); это лучший способ переместить что-либо с его позиции. Я не слышал о прямом переводе атрибута, который работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...