Как сделать анимацию смены текста?

Для создания анимации смены текста на веб-странице можно использовать CSS3 анимацию с помощью ключевых кадров (keyframes).

Вот пример простой анимации смены текста с использованием CSS3:

1. Создайте HTML элемент, в котором будет отображаться текст, который вы хотите анимировать:

```html

```

2. Напишите CSS стили для этого элемента и анимации:

```html

#text {
font-size: 24px;
color: #333;
animation: changeText 5s infinite;
}

@keyframes changeText {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}

```

3. В данном примере, анимация будет проигрываться бесконечно каждые 5 секунд. Она будет делать текст невидимым в течение 50% времени анимации.

4. Чтобы изменить текст, вы можете использовать JavaScript для изменения содержимого элемента:

```html

var textElement = document.getElementById('text');
var texts = ['Текст 1', 'Текст 2', 'Текст 3'];
var currentText = 0;

setInterval(function() {
textElement.textContent = texts[currentText];
currentText = (currentText + 1) % texts.length;
}, 5000); // изменение текста каждые 5 секунд

```

5. В данном примере, текст будет сменяться каждые 5 секунд с помощью JavaScript.

Это простой способ добавить анимацию смены текста на вашу веб-страницу. Вы можете настроить стили и анимацию согласно вашим потребностям.