Animation Css SizeText

Animação para fazer o texto aumentar diminuir e aumentar

by cintia_rodrigues

HTML

<div class="module">
  <h1>Hello world</h1>
</div>

CSS

.module h1{
  color: blue;
  font-size: 60px;
  animation: sizeText 1s;
}

@keyframes sizeText {
  0% {
        font-size: 0px;
    }

    50% {
        font-size: 100px;
    }

    75% {
        font-size: 30px;
    }

    100% {
        font-size: 60px;
    }
  
}