Анимируйте изменение текста с помощью JS и CSSCSS

Разбираемся в CSS
Anonymous
Анимируйте изменение текста с помощью JS и CSS

Сообщение Anonymous »


Код: Выделить всё

   (() => {
const pEle = document.querySelector('#animated-text');
const spanEle = pEle.querySelector('span');
const words = JSON.parse(spanEle.dataset.words);
let count = 0;

setInterval(function(){
spanEle.innerHTML = words[count];
if (count < words.length - 1) count = count + 1;
else count = 0;
}, Math.ceil(Math.random() * 5) * 1000);

})();

Код: Выделить всё

#animated-text span {
color: red;
}



Lorem ipsum, or lipsum as it is sometimes known,
Default

is dummy text used in laying out print, graphic or web designs.


Я хотел бы использовать JS и CSS для создания анимации, как показано ниже. Я не могу жестко запрограммировать продолжительность анимации в CSS.
Изображение


Подробнее здесь: https://stackoverflow.com/questions/731 ... js-and-css

Вернуться в «CSS»