snap.svg实现一个404页面效果代码
代码语言：html
所属分类：布局界面
代码描述：snap.svg实现一个404页面效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/snap.svg-min.js"></script>
<style>
body {
background: #ececec;
}
#error {
margin: 0 auto;
display: block;
}
</style>
</head>
<body>
<svg id="error" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="400px"
height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
<g id="svg-mask">
<path fill="#f6f5f4" d="M6.789,4.774v325.322h51.02c15.366,15.557,69.323,27.047,133.529,27.047
c64.207,0,118.164-11.49,133.529-27.047h67.938V4.774H6.789z" />
</g>
</g>
</g>
<g id="svg-hole">
<g>
<path fill="#C0C0C0" d="M324.867,330.098c2.863-2.897,4.389-5.938,4.389-9.072c0-19.946-61.748-36.116-137.918-36.116
S53.42,301.078,53.42,321.025c0,3.133,1.524,6.174,4.389,9.07c15.366-15.556,69.323-27.046,133.529-27.046
C255.545,303.051,309.502,314.541,324.867,330.098z" />
<path fill="#333333" d="M324.867,330.098c-15.365-15.557-69.322-27.047-133.529-27.047c-64.206,0-118.163,11.49-133.529,27.047
c15.366,15.557,69.323,27.045,133.529,27.045C255.545,357.143,309.502,345.652,324.867,330.098z" />
</g>
</g>
</g>
</g>
<g id="svg-hand_1_">
<g id="svg-hand">
<path fill="#F6AF74" stroke="#F6B075" stroke-width="2" stroke-miterlimit="10" d="M224.002,639.541
c-0.989-4.156-2.063-8.734-3.207-13.664c-0.425-1.831-0.858-3.705-1.302-5.631c-0.957,1.461-2.423,3.426-4.395,5.339
c-3.47,3.367-8.512,6.571-15.142,6.571c-0.448,0-0.903-0.014-1.364-0.043c-5.405-0.354-11.179-1.168-17.174-2.422
c-0.208,6.727-0.282,15.629,0.449,21.48c0.872,6.979,3.285,39.989,3.925,48.082c2.282,0.029,4.577,0.046,6.888,0.046
c14.876,0,31.888-0.616,45.312-1.758C235.236,687.629,226.856,651.527,224.002,639.541z" />
<path fill="#EEA36C" d="M225.31,639.23c-0.963-4.043-2.007-8.49-3.116-13.271c-0.551-2.371-1.115-4.821-1.697-7.353l0.002-0.004
l-0.06-0.258c-2.471-10.757-4.307-18.978-4.307-18.979l-0.202-0.904l-35.377,20.811l-0.023,0.356
c-0.002,0.039-0.253,3.972-0.429,9.216l-0.019,0.562l0.004,0.001c-0.216,6.8-0.3,15.92,0.451,21.93
c0.863,6.921,3.27,39.81,3.907,47.896c0.227,0.004,0.45,0.009,0.677,0.012c0.225,0.003,0.448,0.006,0.674,0.009
c-0.64-8.094-3.053-41.103-3.925-48.082c-0.73-5.853-0.657-14.755-0.448-21.479c0.54,0.113,1.066,0.203,1.603,0.309
c0.89,0.175,1.78,0.355,2.658,0.512c0.566,0.102,1.121,0.182,1.684,0.273c0.929,0.152,1.859,0.311,2.774,0.439
c0.448,0.062,0.883,0.107,1.328,0.166c1.007,0.131,2.017,0.267,3.005,0.369c0.035,0.004,0.068,0.006,0.104,0.0.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0