html讓圖片上下移動的方法：1、使用animation屬性給圖片綁定一個移動動畫；2、使用“@keyframes 動畫名稱 {50%{transform:translatey(移動距離);}}”語句定義動畫每一幀的動作，控制圖片上下移動。
本教程操作環(huán)境：windows7系統(tǒng)、css3&&html5版、dell g3電腦。
在html中，可以利用animation屬性和“@keyframes”創(chuàng)建一個圖片上下移動的動畫；動畫中使用transform:translatey()控制圖片移動。
實現(xiàn)代碼：
<!doctype html><html><head><meta charset=\”utf-8\”><style>div {width: 100px;height: 100px;background: red;position: relative;animation: mymove 5s infinite;-webkit-animation: mymove 5s infinite;/* safari and chrome */}@keyframes mymove {50% {transform: translatey(100px);}}@-webkit-keyframes mymove/* safari and chrome */{50% {transform: translatey(100px);}}</style></head><body><div></div></body></html>
推薦教程：《html視頻教程》