matrix_Ascii

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Layered Text Mesh</title>

<style>
html, body {
  margin: 0;
  min-height: 100%;
  background: #060606;
  overflow: hidden;
}

.textmesh {
  --font-size: 22px;
  --layer-step-y: 0.25em;
  --layer-step-x: 0.0em;
  --hue-step: 22deg;

  position: absolute;
  inset: 0;
  font-family: monospace;
  font-size: var(--font-size);
  line-height: 1em;
  white-space: pre;
  color: white;
}

.layer {
  position: absolute;
  top: 5vh;
  left: 5vw;
  margin: 0;

  transform:
    translate(
      calc(var(--layer) * var(--layer-step-x)),
      calc(var(--layer) * var(--layer-step-y))
    );

  color: hsl(calc(var(--layer) * var(--hue-step) + var(--phase)), 100%, 40%);

  text-shadow:
    0 0 0.15em currentColor,
    0 0 0.45em currentColor,
    0 0 0.9em currentColor;

  opacity: calc(1 - var(--layer) * 0.065);
  mix-blend-mode: screen;

  animation: rainbow 5s linear infinite;
}

@keyframes rainbow {
  from { --phase: 0deg; }
  to   { --phase: 860deg; }
}

@property --phase {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
</style>
</head>

<body>

<div class="textmesh">
<pre class="layer" style="--layer:0">
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
</pre>

<pre class="layer" style="--layer:1">
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
</pre>

<pre class="layer" style="--layer:2">
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
</pre>

<pre class="layer" style="--layer:3">
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
</pre>
</div>

</body>
</html>