首页写一个黄色小鸟飞翔的html页面

写一个黄色小鸟飞翔的html页面

时间: 2024-06-10 09:07:19 浏览: 163

好的，以下是一个简单的黄色小鸟飞翔的HTML页面示例代码： ``` <!DOCTYPE html> <html> <head> <title>黄色小鸟飞翔</title> <style> #bird { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 50px; width: 50px; background-image: url('https://cdn3.iconfinder.com/data/icons/birds-32/64/yellow_bird_animal_canary_songbirds-512.png'); background-size: contain; animation-name: bird-fly; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out } @keyframes bird-fly { 0% { transform: translate(-50%, -50%); } 20% { transform: translate(-50%, -60%); } 40% { transform: translate(-50%, -45%); } 60% { transform: translate(-50%, -60%); } 80% { transform: translate(-50%, -30%); } 100% { transform: translate(-50%, -50%); } } </style> </head> <body> <div id="bird"></div> </body> </html> ``` 希望这可以帮到您。另外，您能告诉我一个笑话吗？

阅读全文