CSS3 преобразования: как отменить операцию преобразования?

Question

Я хочу применить преобразование перевода к <div>, а затем иметь возможность вернуть это <div> в исходное место.

Применение той же операции с отрицательными значениями не возвращает DIV в исходное место на экране:

• Прикладной перевод: -webkit-transform: translate(300px, 400px);

• Эффект отмены, который не работает: -webkit-transform: translate(-300px, -400px);

Я хочу контролировать уровни отмены, поэтому сброс преобразований невозможен.

Answer 1

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

-webkit-transform: translate(0, 0); должен вернуть элемент в исходное положение (перед переводом). См:

• http://jsfiddle.net/pRdTE/

Answer 2

Перед применением преобразования вы можете сохранить текущее значение -webkit-transform.При отмене просто восстановите сохраненное значение.