CSS - Почему текст перемещается после его создания (анимация) - PullRequest
Новая
       6

CSS - Почему текст перемещается после его создания (анимация)

1 голос
/ 02 мая 2020

У меня есть вопрос об анимации в CSS, особенно об эффекте машинописи.

Я достиг эффекта написания шрифтов в анимации. Однако, даже если я не настроил анимацию преобразования, после того, как тип был сгенерирован, текст перемещается в правую часть.

Почему это произошло и как я могу решить эту проблему? моя css анимация такая, как показано ниже. 

    @keyframes fade{

        0%{
            transform:translateY(30px);
            opacity:0
        }

        100%{
            transform:translateY(0);
            opacity:1
        }

}

мой полный код прикреплен по следующей ссылке.

https://codepen.io/jotnajoa/pen/abvVzev

1 Ответ

0 голосов
/ 03 мая 2020

Похоже, что он наследует text-align: center от своего родительского элемента .beggining.

.explanation поддерживает статус своего центра, поскольку ширина погружения увеличивается до 100%. Вот почему он выглядит как анимированный.

...