Как установить точный размер текста после текста анимации?

Question

Это мой первый подход к анимации html5/css3.

У меня есть эффект fadeIn и масштаб на текст.

Когда анимация закончена, у меня есть проблема. Текст изменен. Я не хочу этого.

Желательно, чтобы текст оставался того же размера в конце анимации (30px).

sample

Answer 1

Просто добавьте свой максимальный размер шрифта в классе .textEffect

.textEffect 
    { 
     -webkit-animation-name:fadin; 
     -webkit-animation-duration:2s; 
     -webkit-animation-timing-function:cubic-bezier(.83,.27,.55,1); 
     -webkit-animation-iteration-count: 1; 
     font-size:30px; 
    } 

Example Here