html - 如何在动画文本之后设置精确大小的文本？

Question

这是我对 html5/css3 动画的第一种方法。

我对文本有淡入淡出和缩放效果。

动画完成后，我有一个问题。文本被调整大小。我不想要这个。

我希望文本在动画结束时保持相同的大小 (30px)。

样本

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;
    }   

示例在这里