使用 css3 的页面分割动画

【问题标题】：Page splitting animation using css3使用 css3 的页面分割动画
【发布时间】：2013-02-08 05:41:33
【问题描述】：

我正在研究我的作品集，我想到了一把剑将我的 div/页面切成两半，然后露出下面的东西（见图 :D）。但我不能让它动画，除了当我使用从左到右滑动的图像时..（这是一个很大的图像并且搞砸了我的网站）所以我想知道是否有任何方法可以做这个或者我是否应该把这个想法冲进马桶。

提前致谢。

【问题讨论】：

【解决方案1】：

这是可以做到的。看看我的"wipes" plug-in for Scriptaculous (2006) 了解一些想法。您可以使用 CSS 背景并将其定位在一堆克隆的 DIV 中，然后您可以移动 DIV，就好像它们真的是大像素一样。

【讨论】：