<div class="copy-box">
  <div class="inner">
    <div class="line right">
      <div class="scanner"></div>
    </div>
    Lorem ipsum dolor sit amec.     Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec
  </div>
</div>

<div class="copy-box two">
  <div class="inner">
    <div class="line right">
      <div class="scanner"></div>
    </div>
    Lorem ipsum dolor sit amec.     Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec    Lorem ipsum dolor sit amec
  </div>
</div>

body {
  background-color: black;
  text-align: center;
}
.copy-box 
{
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 200px;
  background-color: #111111;
  color: #333333;
  font-family: sans-serif;
  padding: 20px;
}
.copy-box .line
{
  position: absolute;
  background-color: aqua;
  box-shadow: 0px 0px 12px aqua;
  width: 4px;
  height: calc(100% - 20px);
  top: 10px;
  left: 22px;
  border-radius: 50%;
  overflow: hidden;
}
.copy-box.two .line
{
  border-radius: 0;
  width: 2px;
}
.copy-box .line .scanner 
{
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  width: 100%;
  height: 20px;
  border-radius: 50%;
  animation: scanner-loop 3s ease-in-out infinite;
}

.copy-box.two .line .scanner
{
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  height: 50%;
}
@keyframes scanner-loop
{
  0% 
  {
    top: 0;
  }
  50%
  {
    top: 100%;
  }
  100%
  {
    top: 0;
  }
}
.copy-box .inner 
{
  padding: 30px;
}