Как использовать JQuery для анимации обратного щелчка кнопки? - PullRequest
4 голосов
/ 05 июня 2011

Я бы хотел воссоздать этот эффект (используя jquery), потому что я думаю, что это самая крутая вещь в мире.http://m.madebycanvas.com/things/backflip.html (это Мэтью Фараг)

Flip animation

... но я понятия не имею, с чего начать.Кто-нибудь знает как или есть идеи?Я полагаю, что автор использует scripty2 и прототипный фреймворк и scriptaculous.

В идеале я мог бы также использовать плагин, который использует аппаратно-ускоренные преобразования css с отступлением от собственного jquery в неподдерживаемых браузерах.Пожалуйста, объясните, как вы могли бы сделать это концептуально, если вы можете.

Я думаю, что анимация кнопки будет как-то больше по ширине контейнера, к которому она будет переворачиваться, а затем уменьшить высоту привязки в центре к линиии затем сделайте противоположное панели, которая появится.

Ответы [ 2 ]

2 голосов
/ 05 июня 2011

Используется анимация Webkit.Я сделал демонстрационную страницу, извлекающую необходимый код со страницы, которую вы разместили: http://jsfiddle.net/42rT4/2/. Я надеюсь, что это полезно.

Обратите внимание, что автор специально просит вас не копировать код, поэтому вынадо просто учиться у него и бросать свои.

1 голос
/ 05 июня 2011

Я думаю, что это может быть использование CSS3-анимации, проверьте http://line25.com/wp-content/uploads/2010/webkit-flip/demo/index.html информация http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation

(работает только в Chrome и WebKit)

...