手电筒照404页面
代码语言:html
所属分类:布局界面
代码描述:手电筒照404页面
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> *, *:after, *:before { box-sizing: border-box; } html { background: #1A1A1A; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; overflow: hidden; color: #1A1A1A; } html:after, html:before { content: '404'; position: absolute; font-size: 100px; left: 0; right: 0; text-align: center; bottom: 340px; font-weight: 600; z-index: 200; } html:before { content: 'Page Not Found'; font-size: 22px; font-weight: 400; bottom: 330px; } head { display: block; width: 35px; height: 140px; background: #646464; border-bottom: 10px solid #333; margin: auto; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: 5s find linear infinite; animation: 5s find linear infinite; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: absolute; left: 0; right: 0; bottom: -5px; } head:after { content: ''; position: absolute; border-style: solid; border-width: 25px 25px 0 25px; border-color: #333 transparent transparent transparent; width: 85px; left: -25px; top: 0; box-shadow: 0px -10px 0 #FEAF33; } head:before { content: ''; position: absolute; width: 8px; height: 1.........完整代码请登录后点击上方下载按钮下载查看
网友评论0