Анимация ссылки в формы “волны” на CSS

#css #css3 #анимация #svg #css_animation

Добрый день! Подскажите пожалуйста как сделать примерно такую анимацию на CSS:


  https://www.youtube.com/watch?v=jxXFzbfud_w&feature=youtu.be
  
  


Ещё один вопрос по этой анимации: можно ли сделать так, чтобы буквы красились в определённый
цвет при наведении волной?
    

Ответы

Ответ 1

SVG решение:

Анимация начинается при наведении на ссылку
Интересней выглядит в полно-экраном режиме.




  
 
 
 




Анимация с применением квадратичных кривых Безье подробно описана в ответе  на вопрос
«Можно ли сделать с помощью css такую анимацию?» Прочтите, если появился интерес, и
тогда будет легче понять, как тут работает анимация.