我一直在构建我的网站的 iphone 优化版本,并一直试图让动画工作/过渡工作。
我查看了 iui/ciui 等。但对于我需要的东西,它们似乎有点矫枉过正。我正在使用 jquery 并构建了大部分功能,除了我无法让 .animate 顺利工作,所以我正在尝试 css 转换。
我有一个 div,当单击 div 中的对象时,我希望 div 向左转换页面(标准 iPhone UI)。据我了解,您不能将 css 转换应用于父元素 onclick,因此我添加了一个带有 jquery 的类,并且该类中包含 css 转换。
这行得通,除了我可以开始工作的唯一 css 转换是
-webkit-transform: 翻译(-330px, 0);
而且我看不到为此添加过渡时间的方法,因此最终与.hide()一样有效。有任何想法吗?
我真的无法弄清楚其他转换是如何工作的。喜欢
-webkit-transition-property:左; -webkit-transition-duration:4s;
我将如何指定左多远(实际上我是负数)。此外,这似乎不是在 add-class 上触发的。
我查看了http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html,但无法根据该文档弄清楚如何执行此操作。
谢谢皮特