重新修改了下米表,开源分享 [复制链接]

帖子链接已复制到剪贴板
高启强 (UID: 1731) 3月前

985 10

https://not.sale

<!DOCTYPE html>
<html lang="zh-CN">
<head> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<title > 米表 </title> 
<style> 
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { background-color: #ffffff; box-shadow: 0 4px 8px rgba (0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; width: 90%; max-width: 600px; text-align: center; padding: 20px; animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } h1 { font-size: 24px; margin-bottom: 20px; } p { font-size: 16px; margin-bottom: 20px; } .email { font-weight: bold; color: #333; text-decoration: none; display: inline-block; margin-bottom: 20px; transition: color 0.3s; } .email:hover { color: #007BFF; } .domain-list { list-style: none; padding: 0; margin: 0; } .domain-list li { padding: 10px; border-bottom: 1px solid #f4f4f4; position: relative; } /*.domain-list li:hover {*//* background-color: rgba (82, 145, 252, 0.5);*//* color: #ffffff;*//*}*/.domain-list li:before { position: initial !important; left: initial !important; top: initial !important; content: initial !important; width: initial !important; height: initial !important; line-height: initial !important; border: initial !important; border-left: initial !important; } .domain-list li:after { position: absolute; content: ""; height: 2px; width: 0; left: 0; bottom: 0; background: -webkit-linear-gradient (45deg, #FF5D4A, #f99157, #fac863, #4FC277, #5fb3b3) !important; background: linear-gradient (45deg, #FF5D4A, #f99157, #fac863, #4FC277, #5fb3b3) !important; box-sizing: inherit; transition: width 0.5s; -moz-transition: width 0.5s !important; -webkit-transition: width 0.5s !important; -o-transition: width 0.5s !important; } .domain-list li:hover::after { width: 100%; } .domain-list li:last-child { border-bottom: none; } 
</style> 

</head> 
<body> 
<div class="container"> 
<h1 > 米表 </h1> 
<p > 如需联系我,请随时发送邮件。</p> 
<a href="mailto:i@mail.money"class="email">i@mail.money</a> 
<ul class="domain-list"> 
<li>v.wtf</li> 
<li>not.sale</li> 
<li>make.sale</li>
 <li>use.email</li>
 <li>login.email</li>
 <li>c2c.pro</li> 
<li>o2o.pro</li>
 <li>bid.cx</li> 
<li>crypto.sb</li> 
<li>new.sbs</li>
 <li>agi.ga</li>
 <li>hai.info</li> 
<li>zai.info</li> 
<li>kuai.info</li> 
<li>fuzhou.info</li> 
</ul> 
</div>
 </body>
 </html>

感谢@小石不识玉 

强盛集团董事长 集团官网:https://not.sale
已有评论 (10)
提示:您必须 登录 才能查看此内容。
创建新帖
广告推广点击空位自助购买