javascript - 在页面之间共享 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 请求新页面并在操作 url 时更新您的 dom。

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