時間：2024-02-16 08:20:01 | 來源：網站運營
時間：2024-02-16 08:20:01 來源：網站運營
網頁制作中飄動的按鈕怎么制作？：animation css就行了
在線咨詢
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> button { position: fixed; top: 0; left: 0; background-color: red; animation-name: MoveAnimation; animation-duration: 20s; animation-fill-mode: both; animation-iteration-count: infinite; animation-play-state: running; animation-direction: alternate; cursor: pointer; } button:hover { animation-play-state: paused; } @keyframes MoveAnimation { from { top: 0; left: 0; } to { top: calc(100% - 30px); left: calc(100% - 50px); } } </style> </head> <body> <button>button</button> </body></html>關鍵詞：
