共享WebKit的转换数据页面

之间，我与他们缓慢的旋转元件使用：共享WebKit的转换数据页面

@-webkit-keyframes rotate { 
    0% {-webkit-transform: rotate(-10deg);} 
    100% {-webkit-transform: rotate(10deg);} 
}

...和：

-webkit-animation: rotate 10s infinite alternate ease-in-out;

......每一个元素上应用旋转。

问题是改变页面时，旋转将从头开始每个元素，我会理想的是喜欢它将每个元素的初始值设置为它在离开前一页面时的值，然后继续旋转。

我正在通过Javascript来做这件事，但我不确定这样的事情是否可能。检索旋转值似乎不是一个问题，但将它传递到下一页确实...

2012-05-19 Sasha

您可能想要查看html5历史记录API并简单地使用xmlhttprequest请求新页面并更新您的DOM同时操纵网址。浮现在脑海

有一两件事是：你能读懂的变换矩阵并将其保存在localStorage的并重新它...

2012-05-20 19:38:16

尼斯的答案...如果localStorage的是出于兼容性的原因，你可以把它贴在一个cookie或者我最近喜欢的'window.name'。 –

感谢您的回答。我曾尝试使用sessionstorage并基于此应用旋转值，除非与关键帧动画结合使用，否则它将覆盖它。我认为更好的方法是将导航面板（旋转元件所在的位置）与站点的其他部分静止在一起...就像facebook导航菜单一样。 – Sasha

回答