首页html漂浮特效代码

html漂浮特效代码

时间: 2024-03-02 07:47:12 浏览: 207

HTML漂浮特效可以通过CSS和JavaScript来实现。以下是一个单的HTML漂浮特效代码示例： ```html <!DOCTYPE html> <html> <head> <style> .float { position: fixed; bottom: 0; right: 0; animation: floatAnimation 5s infinite; } @keyframes floatAnimation { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -20px); } 100% { transform: translate(0, 0); } } </style> </head> <body> <div class="float"> <img src="your-image.jpg" alt="Floating Image"> </div> </body> </html> ``` 这段代码会在页面的右下角创建一个漂浮的图像。你可以将`your-image.jpg`替换为你自己的图像路径。

阅读全文