403界面禁止页面带打字效果

热门标签

, ,

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

403禁止页面带打字效果,也适用于404页面。

403界面禁止页面带打字效果

HTML:

403
> ERROR CODE: "HTTP 403 Forbidden"
> ERROR DESCRIPTION: "Access Denied. You Do Not Have The Permission To Access This Page On This Server"
> ERROR POSSIBLY CAUSED BY: [execute access forbidden, read access forbidden, write access forbidden, ssl required, ssl 128 required, ip address rejected, client certificate required, site access denied, too many users, invalid configuration, password change, mapper denied access, client certificate revoked, directory listing denied, client access licenses exceeded, client certificate is untrusted or invalid, client certificate has expired or is not yet valid, passport logon failed, source access denied, infinite depth is denied, too many requests from the same client ip...]
> SOME PAGES ON THIS SERVER THAT YOU DO HAVE PERMISSION TO ACCESS: [Home Page, About Us, Contact Us, Blog...]
> HAVE A NICE DAY SIR AXLEROD :-)

CCS:

* {margin: 0; padding: 0; border: 0;font-size: 100%; font: inherit;vertical-align: baseline; box-sizing: border-box;color: inherit;}body { background-image: linear-gradient(120deg, #4f0088 0%, #000000 100%);height: 100vh;}h1 {font-size: 45vw;text-align: center;position: fixed; width: 100vw; z-index: 1; color: #ffffff26;text-shadow: 0 0 50px rgba(0, 0, 0, 0.07);top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); font-family: "Montserrat", monospace;}div { background: rgba(0, 0, 0, 0); width: 70vw;position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; padding: 30px 30px 10px;box-shadow: 0 0 150px -20px rgba(0, 0, 0, 0.5);z-index: 3;}P { font-family: "Share Tech Mono", monospace;color: #f5f5f5;margin: 0 0 20px; font-size: 17px;line-height: 1.2;}span {color: #f0c674;}i {color: #8abeb7;}div a {text-decoration: none;}b {color: #81a2be;}a.avatar { position: fixed;bottom: 15px; right: -100px; -webkit-animation: slide 0.5s 4.5s forwards; animation: slide 0.5s 4.5s forwards; display: block;z-index: 4}a.avatar img{width:44px;border:2px solid #fff;border-radius:100%;}@-webkit-keyframes slide{from{right:-100px;opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}to{right:15px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);}}@keyframes slide{from{right:-100px;opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}to{right:15px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);}}
JSvar str = document.getElementsByTagName('div')[0].innerHTML.toString();var i = 0;document.getElementsByTagName('div')[0].innerHTML = ""; setTimeout(function() {var se = setInterval(function() {i++;document.getElementsByTagName('div')[0].innerHTML = str.slice(0, i) + "|";if (i == str.length) {clearInterval(se);document.getElementsByTagName('div')[0].innerHTML = str;}}, 10);},0);

 

未经允许不得转载:作者:无言染爱, 转载或复制请以 超链接形式 并注明出处 无言博客
原文地址:《403界面禁止页面带打字效果》 发布于2018-12-16

分享到:
赞(0)

评论 抢沙发

5 + 4 =


403界面禁止页面带打字效果

长按图片转发给朋友

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册