一款社区驱动的免费、高性能、高扩展顶级Web应用和API安全防护产品
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1 lines
1.5 KiB

<html lang="zh" ><head><meta charset="UTF-8"><title>南墙WAF</title></head><style> * { position: relative; margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(to bottom right, #eedede, #cde9c2); } h1 { margin: 40px 0 20px; } .message { display: flex; flex-direction: column; align-items: center; } .rule { color: rgba(0, 0, 0, 0.5); margin-top: 10px; font-size: 14px; } .lock { border-radius: 5px; width: 55px; height: 45px; background-color: #2bbe60; animation: dip 1s; animation-delay: 1.5s; } .lock::before, .lock::after { content: ""; position: absolute; border-left: 5px solid #2bbe60; height: 20px; width: 15px; left: calc(50% - 12.5px); } .lock::before { top: -30px; border: 5px solid #2bbe60; border-bottom-color: transparent; border-radius: 15px 15px 0 0; height: 30px; animation: lock 2s, spin 2s; } .lock::after { top: -10px; border-right: 5px solid transparent; animation: spin 2s; } @keyframes lock { 0% { top: -45px; } 65% { top: -45px; } 100% { top: -30px; } } @keyframes spin { 0% { transform: scaleX(-1); left: calc(50% - 30px); } 65% { transform: scaleX(1); left: calc(50% - 12.5px); } } @keyframes dip { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } </style><body><div class="lock"></div><div class="message"><h1>禁止访问</h1><p>请求存在威胁,已被南墙拦截</p><p class="rule">规则ID:{uuwaf-rule-id}</p></div></body></html>