Анимируйте изменение текста с помощью 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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