恐怖を編集 - dictionary

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>世界一やかましいサイト</title>
<style>
  body {
    background-color: black;
    overflow: hidden; /* 画面からはみ出る要素を隠す */
    margin: 0;
    cursor: none; /* マウスカーソルを消す */
  }
  .noisy-text {
    position: absolute;
    font-size: 5vw; /* 画面幅に応じたサイズ */
    font-family: 'Arial Black', sans-serif;
    text-shadow: 0 0 10px #ff00ff, 0 0 20px #00ffff, 0 0 30px #ffff00;
    animation: 
      blink-color 0.5s infinite, 
      scale-pulse 1s infinite,
      move-around 10s infinite alternate linear;
  }

@keyframes blink-color {
    0%   { color: red; }
    25%  { color: lime; }
    50%  { color: blue; }
    75%  { color: yellow; }
    100% { color: red; }
  }

@keyframes scale-pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.5); }
  }

@keyframes move-around {
    0%   { top: 10%; left: 10%; }
    25%  { top: 80%; left: 20%; }
    50%  { top: 30%; left: 90%; }
    75%  { top: 70%; left: 5%; }
    100% { top: 10%; left: 10%; }
  }
</style>
</head>
<body>

// 1000秒後に削除
    setTimeout(() => {
      p.remove();
    }, 100000000);
  }

// 100ミリ秒ごとに新しいテキストを生成
  setInterval(createNoisyElement, 100);
</script>

</body>
</html>

リンクを挿入