强制关注
2024-08-22 17:38:48
发布于:广东
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Visit My Homepage</title> <style> body { background: linear-gradient(145deg, #EE82EE 25%, #00D1FF 100%); background-size: cover; /* 使背景覆盖整个页面 */ background-position: center center; /* 使背景居中 */ background-repeat: no-repeat; /* 防止背景重复 */ background-attachment: fixed; /* 使背景固定,不随页面滚动 */ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: 'Arial', sans-serif; } .button-container { text-align: center; margin-bottom: 50px; /* 为底部留出空间 */ } .home-button { display: inline-block; width: 200px; height: 200px; line-height: 200px; font-size: 24px; color: #fff; background: radial-gradient(circle, #007BFF, #0056b3); border: none; border-radius: 50%; text-decoration: none; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; text-align: center; } .home-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2)); opacity: 0; transition: opacity 0.3s ease; } .home-button:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); } .home-button:hover::before { opacity: 1; } </style> </head> <body> <div class="button-container"> <a href="https://www.acgo.cn/person/937283" class="home-button">Visit My Homepage</a> </div> </body> </html>
全部评论 3
为什么我打开是这样
2024-08-22 来自 四川
0因为被ac君取消了,所以我要研发祭天
2024-08-22 来自 广东
0!啊啊啊😫
2024-08-22 来自 四川
0但是为什么macw的可以
2024-08-22 来自 四川
0
$ body { background: linear-gradient(180deg, #A1C4FD, #C2E9FB, #FBC2EB, #FF9A9E); } .asdf{ width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; vertical-align: center; //background-color: red; } .card { width: 350px; padding: 20px; border-radius: 12px; background-color: #f7f7f9; /* 淡淡的灰白色卡片背景 / box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); color: #555; / 中性灰色文本 / text-align: center; } .card h3 { line-height: 60px; // margin-bottom: 10px; font-size: 22px; color: #333; / 深灰色标题 / } .card p { margin-bottom: 20px; font-size: 16px; line-height: 1.6; padding: 0 20px } .card button { padding: 10px 20px; background-color: #aacfd0; / 柔和的青绿色按钮 / border: none; border-radius: 6px; color: white; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease; margin-bottom: 30px; } .card button:hover { background-color: #88b8b9; / 悬停时稍微加深颜色 */ }.inlinea{ text-decoration: none; color: #fff; } Welcome Follow me please! 点击下方按钮关注我! Get Started $
2024-08-22 来自 广东
0代码给我
2024-08-22 来自 浙江
0不在这吗
2024-08-22 来自 广东
0姜姜,你是怎么绕开的
2024-08-22 来自 广东
0
有帮助,赞一个