我不知道jQuery今天是否存在某種撕裂圖像的動畫效果? 不喜歡一百萬塊,而是喜歡在中間撕開一張照片分開的效果?朝着兩側移動。或者這是需要使用Flash動畫的東西? 謝謝!jQuery有沒有某種撕裂圖像動畫效果?
回答
您可以使用javascript和css3來完成此操作。
只需將javascript複製一張圖片(可能是一個背景爲圖片的div)並將其粘貼在自身上。然後讓左邊的圖像顯示第一個像素0到50%,右邊的圖像應該顯示像素50%到100%,背景對齊的權利。然後你可以讓css或jquery將兩邊分開。你需要添加一些額外的樣式來創建rip外觀,但它是完全可行的。
噢,好的,謝謝,只要我決定使用什麼樣的圖像,我就會看看這個。 ;) – user2097217 2013-03-11 08:52:39
如果你可以考慮這個你的答案,請把它標爲:) – JuanT 2013-03-11 11:51:50
我必須看看我是否能夠完成某件事,期望今天或明天最有可能的一些點;) – user2097217 2013-03-11 12:02:06
- 1. Flash - 頁面撕裂動畫?
- 2. 撕裂HTML5畫布?
- 3. MaxImage:沒有動畫效果
- 4. 在Java動畫中跳過和撕裂
- 5. 有沒有這種閃光效果的jQuery等價物? (滑動效果)
- 6. jQuery動畫效果有哪些選項?
- 7. Swift UIView.animateWithDuration沒有動畫效果
- 8. 撕裂OpenGL?
- 9. GDI +撕裂! VB.NET
- 10. 簡單的兩種顏色漸變效果沒有圖像?
- 11. React是否有像jQuery一樣的動畫效果?
- 12. JQuery Div在單擊函數中沒有動畫效果
- 13. Swift:核心動畫沒有動畫效果
- 14. UITableViewCell setSelected:動畫時動畫沒有效果
- 15. 試圖在jQuery中實現這種動畫效果
- 16. Qt和vsync /撕裂
- 17. SurfaceView閃爍/撕裂
- 18. 在EGL上渲染時OpenGL撕裂效果
- 19. 有沒有谷歌圖像像平滑懸停效果的任何jquery插件?
- 20. Jquery圖標飛 - 在動畫效果onload
- 21. 圖像沒有變焦效果與花式變焦(jQuery插件)
- 22. HTML畫布效果 - 圖像
- 23. jquery沒有動畫「隱藏」
- 24. 沒有jQuery的動畫JavaScript?
- 25. Jquery fadeOut沒有動畫
- 26. jQuery Suckerfish沒有動畫
- 27. 沒有jQuery的Javascript動畫
- 28. jQuery效果,動畫和CSS
- 29. jQuery動畫效果優化
- 30. jQuery動畫效果問題
我認爲是一個HTML5帆布問題。使用drawImage,然後移動像素。 – QuentinUK 2013-03-10 18:02:56
請再解釋一下。我查了一下,但似乎沒有任何特別的區別。 – user2097217 2013-03-10 18:18:23
如果你願意,你可以使用Flash。有些人不喜歡它,更喜歡帆布。如果你沒有Flash,那麼你可以得到1個月的免費試用,但你必須購買。 – QuentinUK 2013-03-10 18:26:27