Я сделал немного codepen с меня проблема:CSS Переход вправо
http://codepen.io/sloveland/pen/dytDG
Переход не анимировать, когда меню приходит, но выполняя какую-то FOUC вопрос. Странная часть - это когда я меняю позицию по умолчанию на право: 100%; анимация работает, но, очевидно, с неправильной стороны экрана.
Я не уверен, почему это происходит вообще, очень интересная проблема. Кажется, что он прыгает на экранную позицию, а затем переходит к заданному значению (так как у вас было только чуть-чуть справа, вам не хватало переходный этап). Вероятно, это ошибка браузера из-за того, что они не выводятся из ответов на окна в сочетании с right и :target. Я сообщаю об этом в Chrome, если вы не получите дополнительную помощь здесь
Что касается исправления проблемы, я не мог заставить ее работать с правой стороны. однако, если я изменил его на левую сторону, like in this demo, он работал отлично. Возможно, это хорошо для ваших целей.
достаточно интересно: http://codepen.io/markasoftware/pen/nCsFk работает, когда вы используете JavaScript вместо чистого CSS – Markasoftware
Соответствующее чтение: http://css-tricks.com/hash-tag-links-padding/ – thgaskell