使用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頁面分割動畫

回答

相關問題