Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

stay at the animated state #135

Open
sense-net opened this issue Jul 15, 2018 · 1 comment
Open

stay at the animated state #135

sense-net opened this issue Jul 15, 2018 · 1 comment

Comments

@sense-net
Copy link

I can't figure out a way how to make link stay at the last frame of animated state , my goal is to indicate activly pressed link.
I can insert a new class to dom like 'activated' , when a link is pressed but what should be the css?

@kyl3r92
Copy link

kyl3r92 commented Oct 24, 2018

I got it working in a jsfiddle: http://jsfiddle.net/kyl3r/1jwqnvzL/

Basically, you add ".hvr-grow.finished" (note the '.') to the ":hover" etc.

If you still see the transition at start, add another class:

.nodelay {
    transition-duration: 0.0s;
}

It then skips to the end and stays there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants