用户注册



邮箱：

密码：

用户登录


邮箱：

密码：
记住登录一个月忘记密码？

发表随想


还能输入：200字
云代码 - css代码库

骷髅代码（注意：附件是7z文件，为了符合要求改用zip后缀，请用7-zip解压）

2022-01-27 作者： baipiaozhe举报

[css]代码库

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>surprise!</title>

<link href="lib/style/main.css" rel="stylesheet" type="text/css">

</head>
<body>

<div id="container">
    <svg id="skull">

        <!-- left eye -->
        <polygon points="131,177 138,146 155,245 z" fill="#000"></polygon>
        <polygon points="63,190 138,146 131,177 z" fill="#030303"></polygon>
        <polygon points="63,190 131,177 155,245 z" fill="#000"></polygon>
        <polygon points="63,190 155,245 98,259 z" fill="#000"></polygon>
        <polygon points="63,190 115,259 59,266 z" fill="#080805"></polygon>

        <!-- right eye -->
        <polygon points="219,209 239,150 240,210 z" fill="#000"></polygon>
        <polygon points="219,209 240,210 260,253 z" fill="#000"></polygon>
        <polygon points="260,253 330,247 293,279 z" fill="#464641"></polygon>
        <polygon points="260,253 297,198 330,247 z" fill="#000"></polygon>
        <polygon points="240,210 297,198 260,253 z" fill="#000"></polygon>
        <polygon points="297,198 314,166 330,247 z" fill="#000"></polygon>
        <polygon points="240,210 239,150 297,198 z" fill="#000"></polygon>
        <polygon points="239,150 314,166 297,198 z" fill="#000"></polygon>

        <!-- nose -->
        <polygon points="152,285 198,240 191,285 z" fill="#1d1e1a"></polygon>
        <polygon points="152,285 191,285 157,354 z" fill="#1d1e1a"></polygon>
        <polygon points="157,354 191,285 194,334 z" fill="#0b0b0a"></polygon>
        <polygon points="191,285 259,353 194,334 z" fill="#0b0b0a"></polygon>
        <polygon points="191,285 198,240 213,280 z" fill="#1d1e1a"></polygon>
        <polygon points="191,285 213,280 259,353 z" fill="#1d1e1a"></polygon>
        <polygon points="213,280 237,277 259,353 z" fill="#2e2e2c"></polygon>
        <polygon points="213,280 198,240 237,277 z" fill="#2e2e2c"></polygon>

        <!-- jaw -->
        <g id="jaw">
            <polygon points="58,355 81,428 74,482 z" fill="#b6b5b1"></polygon>
            <polygon points="74,482 81,428 58,355 105,494 z" fill="#c3c2bf"></polygon>
            <polygon points="58,355 111,409 81,428 z" fill="#44443f"></polygon>
            <polygon points="81,428 111,409 146,424 z" fill="#44443f"></polygon>
            <polygon points="81,428 146,424 98,515 z" fill="#7b7b76"></polygon>
            <polygon points="98,515 146,424 169,535 z" fill="#9f9e99"></polygon>
            <polygon points="137,434 146,424 169,535 z" fill="#3f3f3d"></polygon>
            <polygon points="137,434 192,429 169,535 z" fill="#686864"></polygon>
            <polygon points="192,429 258,537 169,535 z" fill="#484843"></polygon>
            <polygon points="192,429 269,425 258,537 z" fill="#484843"></polygon>
            <polygon points="258,537 269,425 322,464 285,530 z" fill="#5a5a56"></polygon>
            <polygon points="269,425 301,410 322,464 z" fill="#676762"></polygon>
            <polygon points="301,410 340,340 322,464 z" fill="#898782"></polygon>
            <polygon points="285,530 322,464 319,492 z" fill="#74736e"></polygon>
        </g>

        <!-- base -->
        <polygon points="45,85 58,73 27,186 z" fill="#dedddb"></polygon>
        <polygon points="27,186 58,73 63,203 z" fill="#b6b4af"></polygon>
        <polygon points="27,186 63,203 61,228 z" fill="#b7b6b2"></polygon>
        <polygon points="27,186 61,228 50,260 z" fill="#b7b6b2"></polygon>
        <polygon points="27,186 50,260 36,280 z" fill="#b7b6b2"></polygon>
        <polygon points="314,166 357,112 335,174 z" fill="#8f8e89"></polygon>
        <polygon points="314,166 335,174 340,200 z" fill="#969591"></polygon>
        <polygon points="335,174 357,112 346,249 z" fill="#989792"></polygon>
        <polygon points="357,112 370,188 346,249 z" fill="#888782"></polygon>
        <polygon points="370,188 346,249 358,289 z" fill="#a2a19c"></polygon>
        <polygon points="330,247 314,166 340,200 z" fill="#51514d"></polygon>
        <polygon points="330,247 340,200 358,263 z" fill="#8d8b87"></polygon>
        <polygon points="363,311 358,263 372,290 z" fill="#888782"></polygon>
        <polygon points="350,306 358,263 363,311 z" fill="#a2a19d"></polygon>
        <polygon points="330,247 358,263 350,306 z" fill="#888782"></polygon>
        <polygon points="293,279 330,247 350,306 z" fill="#5b5b56"></polygon>
        <polygon points="293,279 350,306 259,353 z" fill="#4b4b46"></polygon>
        <polygon points="237,277 293,279 259,353 z" fill="#4f4d49"></polygon>
        <polygon points="219,209 293,279 237,277 z" fill="#393934"></polygon>
        <polygon points="198,240 219,209 237,277 z" fill="#62625e"></polygon>
        <polygon points="180,219 219,209 198,240 z" fill="#b4b3af"></polygon>
        <polygon points="237,115 239,150 314,166 z" fill="#53524f"></polygon>
        <polygon points="190,175 237,115 239,150 z" fill="#6d6d69"></polygon>
        <polygon points="190,175 239,150 219,209 z" fill="#363630"></polygon>
        <polygon points="190,175 219,209 180,219 z" fill="#3f3f3a"></polygon>
        <polygon points="146,242 190,175 180,219 z" fill="#9c9b97"></polygon>
        <polygon points="146,242 180,219 198,240 152,285 z" fill="#a8a6a1"></polygon>
        <polygon points="40,265 63,190 59,266 z" fill="#c1c0bd"></polygon>
        <polygon points="16,295 40,325 16,334 z" fill="#d7d7d4"></polygon>
        <polygon points="16,295 40,265 59,266 40,325 z" fill="#c8c7c4"></polygon>
        <polygon points="59,266 152,285 157,354 z" fill="#787973"></polygon>
        <polygon points="40,325 157,354 104,354 z" fill="#7f7f7a"></polygon>
        <polygon points="104,354 157,354 135,412 z" fill="#b6b5b0"></polygon>
        <polygon points="135,412 157,354 205,410  z" fill="#898883"></polygon>
        <polygon points="157,354 194,334 205,410  z" fill="#9a9894"></polygon>
        <polygon points="194,334 205,410 259,353 z" fill="#4c4c48"></polygon>
        <polygon points="205,410 259,353 247,407 z" fill="#4b4b46"></polygon>
        <polygon points="247,407 259,353 287,404 z" fill="#81817b"></polygon>
        <polygon points="259,353 303,331 287,404 z" fill="#61615c"></polygon>
        <polygon points="59,266 157,354 40,325 z" fill="#7f7f7a"></polygon>
        <polygon points="59,266 146,242 152,285 z" fill="#a19e98"></polygon>
        <polygon points="58,73 140,5 114,55 z" fill="#d9d8d5"></polygon>
        <polygon points="140,5 273,5 196,9 z" fill="#d9d8d4"></polygon>
        <polygon points="237,115 290,60 314,166 z" fill="#4d4d49"></polygon>
        <polygon points="196,9 273,5 290,60 z" fill="#888782"></polygon>
        <polygon points="273,5 334,53 290,60 z" fill="#8f8e8a"></polygon>
        <polygon points="290,60 334,53 357,112 314,166 z" fill="#6a6a65"></polygon>
        <polygon points="196,9 290,60 237,115 z" fill="#83827e"></polygon>
        <polygon points="58,73 114,55 63,190 z" fill="#cbcac6"></polygon>
        <polygon points="63,190 114,55 138,146 z" fill="#bebbb6"></polygon>
        <polygon points="114,55 237,115 138,146 z" fill="#8b8a85"></polygon>
        <polygon points="138,146 237,115 190,175 z" fill="#81807b"></polygon>
        <polygon points="114,55 140,5 196,9 z" fill="#999894"></polygon>
        <polygon points="114,55 196,9 237,115 z" fill="#97958f"></polygon>
        <polygon points="138,146 190,175 146,242 z" fill="#676662"></polygon>

    </svg>
</div>

</body>
</html>

[代码运行效果截图]


骷髅代码（注意：附件是7z文件，为了符合要求改用zip后缀，请用7-zip解压）

[源代码打包下载]




网友评论    (发表评论)


发表评论：

评论须知：

  • 1、评论每次加2分，每天上限为30；
  • 2、请文明用语，共同创建干净的技术交流环境；
  • 3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；
  • 4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。


扫码下载

加载中，请稍后...

输入口令后可复制整站源码

加载中，请稍后...