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

诗梦
395
文章
720
评论
更多
 2017年12月10日00:04:39 10 3.5K 次浏览 1268字
12-13国家公祭日，勿忘国耻

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

  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>
  32.   </symbol>
  34.   <g class="g-ants">
  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.     <use xlink:href="#s-text"
  44.       class="text-copy"></use>
  45.   </g>
  48. </svg><script>
  49. </script>
  50. </body>
  51. </html>
演示
历史上的今天
十二月
10
  • 版权声明： 发表于 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
      2017年12月12日 下午4:11  沙发

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

      • avatar 优质香港空间 @回复 3
        2017年12月12日 下午4:11  板凳

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

        • avatar 明月清风 @回复 3
          2017年12月31日 上午11:45  地板

          诗梦究竟是怎么了！

          • avatar 千面妖 @回复 0
            2018年2月28日 上午2:21  4楼

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

            • avatar 雨心Dream @回复 0
              2018年5月9日 上午12:36  5楼

              学习学习