Я строил оптимизированную версию iphone оптимизированной версии своего сайта и пытался заставить анимацию работать/переходить на работу.css переходы
Я посмотрел на iui/ciui, etc.etc. но они кажутся излишними для того, что мне нужно. Я использую jquery и имею большую часть функциональности, за исключением того, что я не мог получить .animate, чтобы работать плавно, поэтому я пытаюсь перейти css.
У меня есть div, который, когда щелкнут объект внутри div, я хочу, чтобы div переместился на страницу слева (стандартный пользовательский интерфейс iPhone). Так как я понимаю, вы не можете применить переход css к родительскому элементу onclick, поэтому я добавляю класс с jquery, и класс имеет в нем переход css.
Это работает, за исключением того, что только CSS переход, который я мог бы приступить к работе является
-webkit-transform: translate(-330px, 0);
, и я не вижу способ, чтобы добавить время перехода к этому, так что заканчивается время как эффективный, как .hide(). Любые идеи?
Я не мог понять, как работают другие переходы. как
-webkit-transition-property: left;
-webkit-transition-duration: 4s;
как бы я определить, как далеко влево (и я на самом деле происходит с отрицательными числами). Кроме того, похоже, что это не было вызвано добавлением класса.
Я просмотрел http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html, но не мог понять, как это сделать на основе этой документации.
Благодаря Пит