Как работает анимация, отображающая текст в шахматном порядке?

#javascript #html #reactjs #css-animations #npm-package

#язык JavaScript #HTML #реагирует на #css-анимации #npm-пакет

Вопрос:

При применении эффекта анимации «ошеломляющее раскрытие» предположим, что у вас есть сто букв, и вы хотите применить этот эффект с помощью пользовательского css. Сейчас это не так сложно, но отнимает много времени. Сначала вам нужно будет поместить каждую букву в разные теги p, что означает 100 тегов p. Теперь вам нужно будет дать уникальный идентификатор каждому из них, то есть 100 уникальных идентификаторов. И при анимации вам придется анимировать 100 из них по отдельности, и предположим, что вам нужно изменить задержку всего на 0,1 секунды, тогда вам придется изменить задержку в 100 из них.