2
A
回答
11
使用CSS3動畫。
段:
img {
-webkit-animation: mover 2s infinite alternate;
animation: mover 2s infinite alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
<img src="http://app.netbarg.com/img/phone-in-hand-a.png" />
+0
爲了以防萬一,我會添加'@ -moz-keyframes mover'和'@ -o-keyframes mover'。好的解決方案 – TCB13 2016-08-21 15:23:31
相關問題
- 1. 使用javascript在移動設備上平滑拖動圖像
- 2. 如何在整個屏幕上平滑地移動圖像Android
- 3. 如何在使用Jquery的圖像上自動平滑放大?
- 4. 如何獲得Div使用CSS轉換平滑上移?
- 5. 平滑移動地圖上的註釋圖像
- 6. 圖標平滑移動面板上
- 7. 如何使用Lua和Corona SDK在iPhone上平滑地滑動圖像?
- 8. 位圖移動不平滑
- 9. 使用JS/CSS平滑圖像動畫的技巧
- 10. 如何在文本視圖上製作更平滑的滑動上/下動畫?
- 11. iOS Swift - 使用滑塊移動圖像
- 12. CSS:使用單選滑動圖像:選中(純CSS滑塊)
- 13. 如何移動滑塊圖像結外
- 14. Android平滑圖像動畫
- 15. 如何使圖像平滑地摺疊?
- 16. 如何使CSS圖像滑塊自動移動通過幻燈片
- 17. 如何使用Swift和spritekit來上下移動圖像?
- 18. 如何使水平行中的圖像向上移動?
- 19. 平滑滑動背景圖像
- 20. 滑動時圖像的平滑過渡
- 21. 平滑圖像
- 22. JButton在動作上的平滑移動
- 23. 如何使用jQuery來滑動圖像?
- 24. 使用CSS移動前景圖像
- 25. 使用SDL2平滑網格移動?
- 26. 使用CSS動畫向上滑動並左右移動
- 27. CSS平滑下拉菜單
- 28. 動態CSS - 移動圖像
- 29. 如何使UITableViewCell中的圖像平滑滾動?
- 30. 使用ItemTouchHelper.SimpleCallback平滑滑動
1.你嘗試過這麼遠嗎?你能提供一些代碼嗎? 2.你也需要javascript來實現這個 – Nick 2014-11-25 09:52:27
@Nick - 沒有必要使用JavaScript,這可以通過CSS使用'@keyframes'完成。 – 2014-11-25 09:53:45
@ chipChocolate.py那麼,告訴我如何..?到目前爲止,我知道你不能計算在CSS中的偏移量,**編輯:哦..我想他的意思是當你滾動時移動的背景,我的壞,你是對的,這可以通過關鍵幀完成** – Nick 2014-11-25 09:55:30