<p>Now you can see me</p>
<div class="overlay"></div>
:root {
  --reveal: hsl(0, 100%, 50%);
  --whatisit: hsla(180, 100%, 50%, .35);
  --overlay-blend: multiply;
  --overlay-opacity: .9;
}

.overlay {
  --x: 50vw;
  --y: 50vh;
  width: 70vmin;
  height: 70vmin;
  position: absolute;
  top: 0;
  left: 0vw;
  transform: translate(calc(var(--x) - 35vmin), calc(var(--y) - 35vmin));
  border-radius: 50%;
  border: 1.5vmin solid black;
  
  background: var(--reveal);
  
  mix-blend-mode: var(--overlay-blend);
  opacity: var(--overlay-opacity);
  
  animation: fade 5000ms infinite alternate ease-in-out;
}

p {
  color: var(--whatisit);
  font-weight: 100;
  font-size: 1.75em;
  line-height: 1.5;
  padding: 2em;
  text-align: center;
  position: relative;
  width: 280px;
}
p::after {
  --start: 5px;
  --end: 7px;
  background: 
    repeating-linear-gradient(155deg,
      transparent 0, 
      transparent var(--start), 
      var(--reveal) var(--start), 
      var(--reveal) var(--end)),
    repeating-linear-gradient(115deg,
      transparent 0, 
      transparent var(--start), 
      var(--reveal) var(--start), 
      var(--reveal) var(--end)),
    repeating-linear-gradient(45deg,
      transparent 0, 
      transparent var(--start), 
      var(--reveal) var(--start), 
      var(--reveal) var(--end));
  display: flex;
  alignItems: center;
  justifyItems: center;
  color: var(--reveal);
  opacity: .5;
}
p::before,
p::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
p::before {
  transform: scale(1.05);
  border: .1rem solid rgba(50,50,50,.5);
}

@keyframes fade {
  0%, 30% {
    opacity: 0;
  }
  55%, 100% {
    opacity: var(--overlay-opacity);
  }
}

body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  perspective: 1000px;
  
}
*, *::before, *::after {
  box-sizing: border-box;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.