如何在动画文字后设置精确大小的文字？

Question

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

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

动画完成后，我遇到了问题。文本已调整大小。我不要这个。

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

Answer 1

只需将最大字体大小添加到 .textEffect class

.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

如何在动画文字后设置精确大小的文字？

How to set an exact size-text after the animation text?

html

css

web-animations