snap.svg实现一个404页面效果代码-html代码-BFW代码库

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&qu.........完整代码请登录后点击上方下载按钮下载查看