在页面之间共享Webkit转换数据

Question

我使用以下方法旋转缓慢的元素：

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

...和

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

...在每个要应用旋转的元素上。

问题是在更改页面时，将从头开始对每个元素进行旋转，理想情况下，我希望将每个元素的初始值设置为在继续旋转之前离开上一页时所处的值。

我正在通过Javascript进行此操作，但我不确定这样的事情是否可行。检索旋转值似乎不是问题，但将其传递到下一页确实......

Answer 1

您可能需要查看html5历史记录api，只需使用xmlhttprequest请求新页面，并在操作网址时更新您的dom。

我想到的一件事是：您可以读取转换矩阵并将其保存在localstorage中并重新应用它......