Я смотрю способ воссоздать сафари-анимацию iOS при открытии ссылки в фоновом режиме (элемент быстро вскакивает туда, где вы можете добраться до это от). Эта анимация также присутствует в OSX Safari для сохранения списка чтения.iOS «Открытая в фоновом режиме» анимация, воссозданная в CSS/JS
Кто-нибудь знает, как воссоздать эту анимацию/эффект в CSS/JS для веб-приложения. Я работаю над OR, увидев библиотеку/tut, которая помогает с этим?
Благодаря
Если вы хотите переместить анимированный элемент из браузера, то вы можете быть не повезло только с JS/CSS. Если анимация содержится в окне браузера, вы можете использовать jQuery? http://jquery.com
В библиотеке много анимации apis, чтобы сделать то, что вы говорите, - clone -> move + zoomIn together -> move -> move + zoomOut together -> finally add to new location in DOM. Вы также можете управлять скоростью и ускорением анимации с помощью функций ослабления.
Вот скрипку я создал, где кролик идет в ведро - http://jsfiddle.net/ydMAB/
В вышеприведенном скрипку, кролик не движется по кривой. Если вы хотите, что вы можете использовать путь плагин для JQuery - https://github.com/weepy/jquery.path
EDIT: Добавлен скрипкой примера и изменили JQuery-UI для JQuery, так как достаточно для основной анимации, необходимой в контексте. Также добавлена ссылка на плагин пути для создания изогнутой анимации.