There is light

index.html

<h2>
  <span>There's</span>  
  <span class="light">light</span> 
  <span> even in</span> 
  <span>the darkest</span>  
  <span>places</span>
</h2>

script.js

// Source is unknown! 

// http://9gag.com/gag/10509/there-s-light-even-in-the-darkest-places

style.scss

body {
  background: #000;
  padding: 2rem;
}

h2 {
  font-family: 'Arial';
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3rem;
  line-height: 0.75;
}

span {
  display: block;
}

span:not(.light) {
  opacity: 0;
  animation: flashText .5s ease-out alternate infinite;
}

span.light {
  position: relative;
  display: inline-block;
  
  &:before {
    position: absolute;
    left: 0;
    top: -10%;
    width: 100%;
    height: 120%;
    background: #fff;
    filter: blur(10px);
    content: "";
    opacity: 0;
    animation: flash .5s ease-out alternate infinite;
  }
}

@keyframes flash{
  to {
    opacity: 1;
  }
}

@keyframes flashText {
  to {
    opacity: 0.15;
  }
}

there-is-light.markdown

There is light

This is a CSS replicate for a GIF image. http://9gag.com/gag/10509/there-s-light-even-in-the-darkest-places

A Pen by Ahmad Shadeed on CodePen.

License.