kill370354.github.io
/
404.html



1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-scale=1.0"/><link rel="shortcut icon"href="/favicon.ico"type="image/x-icon"/><title>您访问的页面不存在</title><style>@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;src:local('Libre Franklin'),local('LibreFranklin-Regular'),url("/404/jizDREVItHgc8qDIbSTKq4XkRiUR2zcZiVbJsNo.woff2")format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;src:local('Libre Franklin'),local('LibreFranklin-Regular'),url("/404/jizDREVItHgc8qDIbSTKq4XkRiUf2zcZiVbJ.woff2")format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{position:absolute;width:100%;overflow:hidden;height:100%;font-size:6px}body{width:100%;margin:0;overflow:hidden;font-family:"Libre Franklin",sans-serif;font-size:36px;background-image:linear-gradient(0deg,#e8f4f8,lightblue);height:100%}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;text-transform:uppercase;text-align:center;font-weight:900;color:darkgrey;text-shadow:10px 10px 50px#e6e6e6;user-select:none}.error span{display:block}.error span:nth-child(2){font-size:60px;margin:0 auto}.sun{position:absolute;top:10%;left:10%;width:100px;height:100px;border-radius:50%;background-image:radial-gradient(circle at 50%,#ffffff 50%,#f5de19);box-shadow:0px 0px 40px#f5de19,inset 0px 0px 100px#f5de19;animation:sun 5s linear infinite}.clouds{overflow-x:hidden;position:absolute;right:0;bottom:35%;left:0;opacity:0.5}.clouds div{position:relative;left:-30%;width:220px;height:80px;border-radius:50%;background-color:#ffffff;background-image:radial-gradient(ellipse at 50%,transparent,#fcfcfc,#f7f7f7);filter:blur(3px);animation:clouds 60s linear infinite,cloud 8s linear infinite}.clouds div::before,.clouds div::after{position:absolute;content:"";width:inherit;height:inherit;border-radius:50%;background-color:#f2f2f2;background-image:radial-gradient(ellipse at 50%,transparent,#f2f2f2,#f7f7f7);filter:blur(3px);animation:cloud 3s linear infinite}.clouds div::after{background-color:#e6e6e6}.clouds div:nth-child(2){animation-delay:5s}.clouds div:nth-child(3){animation-duration:40s}.birds{position:absolute;right:0%;top:30px;width:10px;height:10px;background-color:#070000;clip-path:polygon(70%59%,100%54%,64%68%,48%83%,81%86%,55%90%,0 92%,19%76%,0 60%,33%71%);animation:birds 30s linear infinite,fly 1s linear infinite}.sea{width:100%;overflow-x:hidden;position:absolute;right:0;bottom:0;left:0;z-index:-1;height:25%;background-color:lightblue}.fish{position:relative}.fish span{position:relative;top:10%;left:110%;display:block;width:50px;height:16px;background-color:#3a9fc0;background-image:linear-gradient(to top,#92cbde,#3a9fc0);border-radius:52%48%51%49%/51%56%44%49%;animation:fish 15s linear infinite}.fish span::before,.fish span::after{position:absolute;content:""}.fish span::before{left:95%;top:calc(50%-8px);width:16px;height:16px;background-color:inherit;background-image:linear-gradient(90deg,#3a9fc0,#2b758d);clip-path:polygon(100%0%,84%49%,100%100%,0 66%,0%50%,0 35%)}.fish span::after{width:10px;height:10px;top:50%;left:30%;background-image:linear-gradient(135deg,#3a9fc0,#2b758d);clip-path:polygon(100%27%,86%74%,31%100%,0 22%,0 0,35%0);transform-origin:0 0;animation:side 0.5s linear infinite;position:absolute}.fish span:nth-child(2){animation-duration:6s;animation-delay:5s}.fish span:nth-child(3){animation-duration:9s}.wave{position:absolute;left:-25%;bottom:0;width:150%;height:100%;background-color:lightblue;animation:vawe 20s linear infinite}.wave.w-1{background:#99cfe0;animation-delay:2s}.wave.w-2{background:#86c5da}.bottom{width:100%;position:absolute;bottom:0;left:0;height:48px;border-radius:78%22%52%48%/100%100%0%0%;background-color:#3a0003;background-image:linear-gradient(0deg,#210001,#6d0005);opacity:0.8}.grass{position:absolute;bottom:5px;left:5em;width:3px;height:35px;background-color:#44882d;background-image:linear-gradient(45deg,#44882d,#274f1a);border-radius:40%;transform-origin:50%100%;animation:grass 2s linear infinite}.grass:nth-child(2){bottom:3px;left:30%}.grass:nth-child(3){bottom:8px;left:60%}.grass:nth-child(4){bottom:6px;left:80%}.grass span{position:absolute;left:-5px;width:8px;height:2px;background-color:#44882d;background-image:inherit;transform:rotate(45deg)}.grass span::before{position:absolute;top:4px;left:4px;content:"";width:inherit;height:inherit;background-color:inherit;transform:rotate(-90deg)translateX(100%)}.grass span:nth-child(2){top:10px}.grass span:nth-child(3){top:15px}.grass span:nth-child(3){top:20px}.circle{position:absolute;bottom:5px;left:0;width:100%;height:25%}.circle span{position:absolute;bottom:0;left:12%;display:block;width:7px;height:7px;border-radius:50%;background-color:#ffffff;opacity:0.2;animation:circle 2s linear infinite}.circle span::before,.circle span::after{position:absolute;bottom:0;left:10px;content:"";width:5px;height:5px;border-radius:inherit;background-color:inherit;animation:circle 4s linear infinite;animation-delay:0.3s}.circle span::after{right:-10px;animation-delay:0.5s}.circle span:nth-child(2){left:25%;animation-delay:0.6s}.circle span:nth-child(3){left:45%;animation-delay:0.8s}.circle span:nth-child(4){left:53%}.circle span:nth-child(5){left:74%}.grass_tw{position:absolute;bottom:11px;left:50%;width:30px;height:10px;background-color:#44882d;background-image:linear-gradient(180deg,#44882d,#1e3b14);clip-path:polygon(10%84%,14%73%,17%24%,20%61%,22%88%,32%15%,31%68%,35%88%,49%11%,63%85%,69%10%,77%80%,84%16%,89%92%,97%41%,100%97%,50%96%,0 100%,4%34%);animation:grass_tw 2s linear infinite}.grass_tw:nth-last-child(2){left:75%;width:80px}.grass_tw:last-child{bottom:8px;left:20%;width:50px}@keyframes sun{50%{box-shadow:0px 0px 60px 20px#f5de19,inset 0px 0px 100px#f5de19}}@keyframes clouds{0%{left:-30%}100%{left:110%}}@keyframes cloud{30%{border-radius:22%78%51%49%/78%66%34%22%}40%{width:180px}60%{border-radius:61%39%51%49%/50%66%34%50%}}@keyframes birds{100%{right:110%;transform:scale(1.8)translateY(100px)}}@keyframes fly{50%{clip-path:polygon(70%69%,97%80%,70%76%,48%83%,81%86%,55%90%,0 92%,19%76%,0 71%,33%71%)}}@keyframes fish{0%{left:110%}40%{transform:translateY(35px)rotate(-15deg)}70%{transform:translateY(-5px)rotate(15deg)}80%{transform:translateY(5px)rotate(0deg)}100%{left:-10%}}@keyframes circle{0%{transform:translateY(0px)scale(0)}50%,80%{transform:translateY(-25px)scale(1)}100%{transform:translateY(-30px)scale(0);opacity:0}}@keyframes side{50%{transform:rotate(-35deg)}}@keyframes vawe{20%,40%{border-radius:23%77%52%48%/100%100%0%0%}30%,50%,70%{border-radius:37%63%100%0%/100%100%0%0%}80%,60%{border-radius:78%22%52%48%/100%100%0%0%}}@keyframes grass{50%{transform:rotate(5deg)}}@keyframes grass_tw{50%{clip-path:polygon(10%84%,14%73%,10%28%,20%61%,22%88%,24%18%,31%68%,35%88%,42%15%,63%85%,58%14%,77%80%,77%18%,89%92%,91%43%,100%97%,50%96%,0 100%,3%39%)}}</style></head><body><div class="error"><span>该页面未找到</span><span>404</span><span>请访问其他页面</span></div><div class="sun"></div><div class="clouds"><div></div><div></div><div></div></div><div class="birds"></div><div class="sea"><div class="wave w-1"></div><div class="wave w-2"></div><div class="fish"><span></span><span></span><span></span></div></div><div class="bottom"><div class="grass"><span></span><span></span><span></span></div><div class="grass"><span></span><span></span><span></span></div><div class="grass"><span></span><span></span><span></span></div><div class="grass"><span></span><span></span><span></span></div><div class="circle"><span></span><span></span><span></span><span></span><span></span></div><div class="circle"><span></span><span></span><span></span><span></span><span></span></div><div class="circle"><span></span><span></span><span></span><span></span><span></span></div><div class="circle"><span></span><span></span><span></span><span></span><span></span></div><div class="grass_tw"></div><div class="grass_tw"></div><div class="grass_tw"></div></div></body></html>