Добрый вечер, как возможно заменить символы в тексте при наведении на них. В данном случае интересует эффект кнопки при наведении.
Кода к сожалению не имею, но есть идея, при наведении с задержкой в виде импровизированной волны символы в ниже указанной кнопке заменять различными тегами, которые в последствии приходят в своё изначальное состояние.
Более подробно, первый символ "s" за секунду изменяется на "q,~,w,e,r,t,a,v" и приходит в изначальное состояние "s", после остановки начинает проходить цикл второй символ "h", потом третий и т.д.
Aleksandr-JS-Developer, Я указал "кода к сожалению не имею, но есть идея". Не обязательно развёрнуто отвечать, вы можете просто направить в нужную сторону, я без понятия как это сделать.
Тест лучше рисовать моноширинным шрифтом, чтобы не дергалась строка при перемене узких и широких букв.
В кадре меняется весь текст. Относительно исходного в нём заменяется одна из позиций на случайную букву.
Здесь чуть хитрее: буквы меняются очень быстро, каждый кадр, в течени 1/4 времени, отведённого на каждую смену – так интереснее:
Не разберусь, почему при доп. клике цикл проигрывается дважды..
Максим Ленский, requestAnimationFrame() передаёт разовый «пас» – когда браузер будет готов отрендерить следующий кадр, вызовет переданный коллбэк. Несколько вызовов rAF сложат коллбэки в стек - в следующем кадре выполнятся все.
Здесь я вызываю rAf при нажатии кнопки, чтобы в коллбек передался таймстемп, от которого потом считать прошедшее время. Но пока не понял, почему при досрочном нажатии кнокпки текущая анимация стартует с начала, как и задумано, но доиграв до конца, запускает сразу же ещё одну. Какой-то косяк в моем коде.
