圖片上下浮動（類似螞蟻森林能量）
1.以下為程式碼詳情，直接複製即可。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片上下浮動</title> <style> *{padding:0;margin:0;} body{ position:relative; background:#90C0F1; overflow:hidden; } .ghost{ width:160px; margin:100px auto; position:relative; animation:ghostUpdown 1s infinite alternate; -webkit-animation:ghostUpdown 1s infinite alternate; }
@keyframes ghostUpdown{ from{margin-top:100px;} to{margin-top:70px;} } @-webkit-keyframes ghostUpdown{ from{margin-top:100px;} to{margin-top:70px;} }
</style> </head> <body> <div class="ghost"> <img src="0.jpg"> </div> </body> </html>
2.更多資源加群 372319250，或者 https://one.betters.xin訪問更多。