使用css3页面分割动画

我正在处理我的投资组合，并且我得到了一个想法，其中一把剑将我的div /页面切成两半，然后显示下面的内容（请参阅图像：D）。但我不能让它动画，除了当我使用从左到右滑动的图像..（这是一种很大的形象，弄乱我的网站）所以我想知道是否有任何方法可以做这个，或者如果我应该只是冲洗厕所这个想法。使用css3页面分割动画

在这里看到的图像： http://jvansuchtelen.nl/image.png

在此先感谢。

来源

2013-02-22 user2099810

它可以做到。看看我的"wipes" plug-in for Scriptaculous（2006）的一些想法。您可以使用CSS背景并将其放置在一堆克隆的DIV中，然后您可以将DIV移动，就好像它们是真正的大像素。

来源

2013-02-22 15:21:07

太棒了，谢谢我会考虑它 – user2099810 2013-02-22 15:44:31

有一个伟大的教程在http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/上类似的东西（我认为）。你可以调整CSS3动画来获得你想要的效果。 – Ben 2013-02-22 19:06:47

本 - 很酷的演示。感谢分享。 – 2013-02-22 19:27:07

使用css3页面分割动画

回答

相关问题