html写黑洞的代码

HTML写黑洞代码

!DOCTYPE html>
    html>
      head>
        title>
    黑洞页面/title>
        style>
      body {
            background-color: black;
      }
      .black-hole {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: black;
            box-shadow: inset 0px 0px 50px #fff, 0px 0px 50px #fff;
            animation-name: black-hole;
            animation-duration: 5s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
      }
      @keyframes black-hole {
        0% {
              transform: scale(1);
              opacity: 1;
        }
        50% {
              transform: scale(1.5);
              opacity: 0.5;
        }
        100% {
              transform: scale(2);
              opacity: 0;
        }
      }
        /style>
      /head>
      body>
        div class="black-hole">
    /div>
      /body>
    /html>
    

这段代码使用了HTML和CSS的一些基础知识，通过标签及样式属性的设置，实现了黑洞不断吞噬的效果。代码中通过设置背景色、圆角矩形、阴影及动画等属性来模拟黑洞的效果，使页面产生了强烈的视觉冲击。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！