Poyo's CRT il·lusion!

Step 1

Copy and paste this code into your CSS.


/* Made by Poyo! https://dapoyo.neocities.org */
:root {
--blue-rgb: 255 255 255;
--primary-rgb: var(--blue-rgb);
}
.screen-overlay {
  background: linear-gradient(
  rgb(var(--primary-rgb) / 0.15),
  rgb(var(--primary-rgb) / 0.15) 0.1px,
  transparent 3px,
  transparent 9px
  );
  background-size: 100% 9px;
  height: 100vh;
  width: 100%;
  animation: pan-overlay 22s infinite linear;
  position: absolute;
  z-index: -10;
  left: 0px;
  top: 0px;
}
@keyframes pan-overlay {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 0% -100%;
  } 
}
  

Step 2

Add

<div class="screen-overlay">lt;/div>
to your HTML code and we're done!