Как сделать анимацию пульсирующего текста?

Question

[Genri_Rus]

Вот пример меню: https://codepen.io/Genri_Rus/pen/BaaWxYb

Каким вообще способом можно сделать эффект пульсирующего текста при клике ?

Допустим у пунктов меню происходила поочередное увеличение в виде transform scale и потом уменьшение при клике

Comments

[Interface]

Точно так же, как делают любую другую анимацию будь то css или js анимация. Не вижу почему именно для "пульсации" (что бы это не значило) нужен особый подход

[Genri_Rus]

Interface, а можно пример ?
Я просто так и не смог найти

Мне через keyframes делать или с помощью js в виде цикла с задержками ?

[Interface]

Genri_Rus,

Мне через keyframes делать или с помощью js в виде цикла с задержками ?

ну как вам удобно так и делайте :) Через keyframes, кажется, лучше

Я не очень понимаю в чем именно у вас вопрос.

[Genri_Rus]

Interface, мне нужно эффект увеличения текста с помощью transform scale

Допустим текст увеличивается на полсекунды и сразу же уменьшается, но это должно быть не одновременно

С помощью keyframes вроде такое не сделать, т.к. у каждого элемента будет одинаковая задержка, а значит поочередного пульсирования не будет

[Genri_Rus]

Interface, возможно у вас есть похожие примеры ?

Я лично везде искал, так и не нашел

[Interface]

Genri_Rus,

С помощью keyframes вроде такое не сделать, т.к. у каждого элемента будет одинаковая задержка, а значит поочередного пульсирования не будет

опишите подробнее какого эффекта вы хотите?

для чего-то поочередного, можно задать элементам разный animation-delay: https://www.w3schools.com/cssref/css3_pr_animation...

[Genri_Rus]

Interface, ну вот человек кликнул по иконке меню, далее выезжают сами пункты меню (сама навигация)

Первый пункт li во время выезжания меню начинает увеличиваться при помощи scale, допустим 1.3

Далее Первый пункт li снова приобретает scale равному 1, а второй пункт начинает увеличиваться точно также и по аналогии со следующими пунктами

Только анимация должна быть быстрой, когда меню выедет - последний пункт должен закончить свою анимацию

[Interface]

Genri_Rus, https://glennmccomb.com/articles/creating-smooth-s... прочитайте эту статью, если я вас понимаю корректно. Вам будет не сложно адаптировать код оттуда под свои нужды. keyframes и animation-delay должно быть достаточно

[Genri_Rus]

Interface, у меня почему-то не открывается ссылка