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

诗梦
395
文章
720
评论
2017年12月10日00:04:39 10 3.5K 次浏览 1268字
12-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="http://m.mom1.cn/aa/js/protect.js"></script>
  11. <script src="http://m.mom1.cn/b/js/jquery-1.10.2.min.js"></script>
  12. <link rel="stylesheet" type="text/css" href="http://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.       wrvs.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>
  • 版权声明: 发表于 2017年12月10日00:04:39
  • 转载注明:http://wrvs.cn/3506.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:10   其中:访客  5   博主  5
    • avatar 优质香港空间 @回复 3

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

      • avatar 优质香港空间 @回复 3

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

        • avatar 明月清风 @回复 3

          诗梦究竟是怎么了!

          • avatar 千面妖 @回复 0

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

            • avatar 雨心Dream @回复 0

              学习学习