经营性质的网站,怎样把已经有的网站做推广,今朝装饰口碑怎么样,如何给网站配色源码介绍
css3 svg制作404页面动画效果HTML源码#xff0c;源码由HTMLCSSJS组成#xff0c;记事本打开源码文件可以进行内容文字之类的修改#xff0c;双击html文件可以本地运行效果
效果预览 源码如下
!doctype html
html
head
meta charse…源码介绍
css3 svg制作404页面动画效果HTML源码源码由HTMLCSSJS组成记事本打开源码文件可以进行内容文字之类的修改双击html文件可以本地运行效果
效果预览 源码如下
!doctype html
html
head
meta charsetutf-8
titlesvg 404页面/titlestyle
body, html{margin: 0 auto;padding: 0;font-weight: 800;
}body{background: #000;font-family: cursive;
}svg {display: block;font: 10.5em Monoton;width: 960px;height: 300px;margin: 0 auto;
}.content{text-align: center;
}h1{text-align: center;font: 2em Roboto, sans-serif;font-weight: 900;color: #2f8f7f;opacity: .6;
}a{display: inline-block;text-transform: uppercase;font: 1em Roboto;font-weight: 300;border: 1px solid #2f8f7f;border-radius: 4px;color: #2f8f7f;margin-top: 10%;padding: 8px 14px;text-decoration: none;opacity: .6;
}.text {fill: none;stroke: white;stroke-dasharray: 8% 29%;stroke-width: 5px;stroke-dashoffset: 1%;animation: stroke-offset 5.5s infinite linear;
}.text:nth-child(1){stroke: #1c234d;animation-delay: -1;
}.text:nth-child(2){stroke: #315b2c;animation-delay: -2s;
}.text:nth-child(3){stroke: #2f8f7f;animation-delay: -3s;
}.text:nth-child(4){stroke: #2f8f7f;animation-delay: -4s;
}.text:nth-child(5){stroke: #da2717;animation-delay: -5s;
}keyframes stroke-offset{100% {stroke-dashoffset: -35%;}
}
/style
/head
bodylink hrefhttps://fonts.googleapis.com/css?familyMonoton relstylesheet
link hrefhttps://fonts.googleapis.com/css?familyRoboto relstylesheetsvg viewBox0 0 960 300symbol ids-texttext text-anchormiddle x50% y80%404/text/symbolg class g-antsuse xlink:href#s-text classtext/useuse xlink:href#s-text classtext/useuse xlink:href#s-text classtext/useuse xlink:href#s-text classtext/useuse xlink:href#s-text classtext/use/g
/svg
div classcontenth1页面未找到/h1a href#x0068;#x0074;#x0074;#x0070;#x0073;#x003a;#x002f;#x002f;#x0077;#x0077;#x0077;#x002e;#x0071;#x0071;#x006d;#x0075;#x002e;#x0063;#x006f;#x006d;返回首页/a
/div/body
/html
