<div class="main">
  <div class="animation">
    <span class="one_text">여기는</span>
    <span class="two_text">개인블로그</span>
  </div>
</div>
body {
  background-color: #1D2025;
}

.main{
  width: 90vw;
  margin: 0 auto;
  text-align: center;
}

.animation span{
  position: relative;
  font-size: 30px;
  font-weight: 600;
  color: white;
}
  
.animation .two_text {
  display: inline-block;
  transform-origin: center;
  padding: 0 0.5rem;
  color: #2aff29;
  animation: animate 2s infinite;
}

@keyframes animate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.