HTML字體上下跳動代碼
代碼如下: <html> <head> <style> /* 定義動畫 */ @keyframes jump { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } } /* 應用動畫到文字 */ h1 { animation: jump 1s infinite; /* infinite表示循環播放 */ } </style> </head> <body> <h1>Hello, World!</h1> </body> </html>
使用CSS3的@keyframes定義跳動動畫,然后應用到文字上即可實現字體上下跳動效果。