小诗梦404炫酷404单页面html5源码

诗梦
428
文章
723
评论
2017年12月10日00:04:39 10 9.5K 次浏览 1268字阅读4分13秒

淘宝优惠券领取

免费领淘宝优惠券,领券下单后联系诗梦反一块钱
立即领券

心灵毒鸡汤:

诗梦一个很炫酷页面,感觉应该符合一些人的感觉,可以用来做404页面,虽然现在网络上早就有了,但我还是自己发一下做个笔记?。小诗梦404炫酷404单页面html5源码
直接上代码jscss用我的,人懒的话自己复制修改代码用,不放心的自己本地化吧。
代码:

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>诗梦</title>
  6. <meta name="keywords" content="诗梦" />
  7. <meta name="description" content="诗梦" />
  8. <meta name="author" content="" />
  9. <meta name="copyright" content="" />
  10. <script type="text/javascript" src="https://m.mom1.cn/aa/js/protect.js"></script>
  11. <script src="https://m.mom1.cn/b/js/jquery-1.10.2.min.js"></script>
  12. <link rel="stylesheet" type="text/css" href="https://m.mom1.cn/b/css/style.css">
  13. </head>
  14. <body>
  15. <svg viewBox="0 0 800 600">
  16.   <symbol id="s-text">
  17.     <text text-anchor="middle"
  18.           x="50%"
  19.           y="50%"
  20.           class="text--line"
  21.           >
  22.       诗梦
  23.     </text>
  24.     <text text-anchor="middle"
  25.           x="50%"
  26.           y="80%"
  27.           class="text--line2"
  28.           >
  29.       www.mom1.cn
  30.     </text>
  31.   </symbol>
  32.   <g class="g-ants">
  33.     <use xlink:href="#s-text"
  34.       class="text-copy"></use>
  35.     <use xlink:href="#s-text"
  36.       class="text-copy"></use>
  37.     <use xlink:href="#s-text"
  38.       class="text-copy"></use>
  39.     <use xlink:href="#s-text"
  40.       class="text-copy"></use>
  41.     <use xlink:href="#s-text"
  42.       class="text-copy"></use>
  43.   </g>
  44. </svg><script>
  45. </script>
  46. </body>
  47. </html>
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
云翼计划
云计算普惠校园计划,助力学生的辉煌明天!
  • 文本由 发表于 2017年12月10日00:04:39
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接

评论已关闭!

评论:10   其中:访客  5   博主  5
    • avatar 诗梦 Admin

      @诗梦 学习学习

      • avatar 诗梦 Admin

        @雨心Dream 学习学习

        • avatar 雨心Dream 0

          学习学习

          • avatar 诗梦 Admin

            @萌铮

            • avatar 诗梦 Admin

              @千面妖

              • avatar 千面妖 0

                我添加a标签后动画就没颜色了,怎么解决 :sad:

                • avatar 诗梦 Admin

                  @明月清风 诗梦就是诗梦

                  • avatar 明月清风 3

                    诗梦究竟是怎么了!

                    • avatar 优质香港空间 3

                      过来学习了,感谢博主的分享

                      • avatar 优质香港空间 3

                        过来学习了,感谢博主的分享