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

Opacity on fadeout animations is incorrect #71

Closed
ianrapid opened this issue Sep 20, 2021 · 1 comment
Closed

Opacity on fadeout animations is incorrect #71

ianrapid opened this issue Sep 20, 2021 · 1 comment
Assignees
Labels
bug Something isn't working
Milestone

Comments

@ianrapid
Copy link

ianrapid commented Sep 20, 2021

Fadeout animations on fadeoutup, fadeoutdown, fadeoutright and fadeoutdown have the opacity setting reversed.

@keyframes fadeoutdown {
  0% {
    opacity: 0;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(100%);
@ianrapid ianrapid changed the title Opacity on fadeoutleft and fadeoutright is incorrect Opacity on fadeout animations is incorrect Sep 20, 2021
@cagataycivici cagataycivici self-assigned this Oct 15, 2021
@cagataycivici cagataycivici added the bug Something isn't working label Oct 15, 2021
@cagataycivici cagataycivici added this to the 3.1.0 milestone Oct 15, 2021
@cagataycivici
Copy link
Member

Also seen this during PrimeBlocks v2 work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants