Перевести элемент относительно правого края области просмотра - PullRequest
0 голосов
/ 15 апреля 2020

У меня есть div, который изначально транслируется из экрана с помощью этого CSS

transform: translateX(100%);

Теперь я хочу, чтобы этот div транслировался обратно в порт просмотра на указанное c число пикселей с правой стороны. Я использовал transform: translateX(-450px), но это переводит относительно происхождения окна просмотра т.е. (x, y) = (0,0). Вместо этого я хочу вывести div 450px в окно просмотра с правой стороны экрана.
Другими словами, я хочу, чтобы мой источник перевода был (x,y)=(100%,0%)
Есть ли что-нибудь, что можно сделать, чтобы достичь этого?

1 Ответ

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

Вы можете добавить несколько преобразований CSS рядом друг с другом.

.box{
  transform: translateX(100%) translateX(-450px);

}
...