Как сделать active эффект у кнопки?

Question

[Scryppi]

По какому принципу работает такой active эффект у кнопки get Started плавного заполнения кнопки на сайте https://zeplin.io/features.html#developer ?

Answer 1

[Falseclock]

https://codepen.io/mistkaes/pen/EjQzxy

Comments

[Scryppi]

на примере, что я дал сделано плавно, там как бы создается какой то элемент сзади и одновременно задается background-color у самой кнопки и делает вроде через transform3d, на вашем примере работает через transform: scale и из-за этого анимация идет по стадиям через keyframe и получается не плавно, можно пример плавной работы?

[Falseclock]

Scryppi: что мешает подправить время и количество фреймов анимации и сделать ту плавность, которая устраивает?

[Scryppi]

дааа я тоже начал менять время анимации и норм получилось, спасибо.