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

Question

[intriga93]

не совсем понятно
в чем отличие от просто анимации

Comments

[Kovalsky]

Думаю аудитория хабра в свою очередь тоже не понимает в чем у вас вопрос) Микроанимация на кнопке это та же анимация как и любая другая, только на кнопке. В чем конкретно вопрос?

[intriga93]

Kovalsky, тогда почему она называется микро? или вообще нет разницы

[Kovalsky]

intriga93, микрос на древнегреческом значит маленький; анимация скорее всего тоже называется "микро" потому что она выполняется в рамках конкретного элемента, в вашем случае кнопки, поэтому она маленькая. Вот например material ripple на кнопке, наверное это считается микроанимацией. У вас есть какие-то конкретные проблемы с реализацией?

[Wispik]

intriga93, кто ее так называет?

[approximate solution]

Wispik, на удивление много хипстеров, которые пытаются вложить в старые технологии, новые красивые названия.

[Антон Литвиненко]

микроанимация это такая мааленькая, ничтожная анимация. например опасити на ховер.
а макроанимация, это когда ваша кнопка пульсирует, переливается цветами радуги, а при наведении использует все возможности псевдоэлементов и пресвдоэлементов псевдоэлементов

Answer 1

[approximate solution]

https://alexeybychkov.com/css/

Если вы про то что выше по ссылке, где человек называет микроанимацией то, что 99% комьюнити называет - ОБЫЧНАЯ анимация сделанная при помощи стоковых css animation\transform.

Вы можете назвать анимацию хоть - дуперпуперанимация. Смысл и реализация от этого не поменяется.