arifszn / reactive-button

3D animated react button component with progress bar.

Home Page:https://arifszn.github.io/reactive-button

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Is it possible to change the timing of the progress bar?

shamoons opened this issue · comments

Is it possible to change the timing of the progress bar?

You can do it by overwriting the animation duration from 3s to your preferred duration.

.reactive-btn:not([data-button-state="idle"]) .progress {
    transform: translateX(0%);
    transition: transform 3s cubic-bezier(0.59, 0.01, 0.41, 0.99);
}