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.

Sign up for GitHub

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

Jump to bottom

It's too fast 😂 #1

Open
KalobTaulien opened this issue May 28, 2020 · 1 comment
Open

It's too fast 😂 #1

KalobTaulien opened this issue May 28, 2020 · 1 comment
Labels
enhancement New feature or request

Comments

@KalobTaulien
Copy link

Hey. Great work on this css framework!

I'm wondering if I'm able to slow it down a bit.. because it really is impossibly fast. I've had some complaints from website owners because they said their sites load super fast, but their users are expecting a delay like on every other website.
@thibaudcolas thibaudcolas added the enhancement New feature or request label May 29, 2020
@thibaudcolas
Copy link
Owner

thibaudcolas commented May 29, 2020 •
edited
Loading

Hi Kalob,

Thanks for taking the time to report this. That’s a good point, and indeed that’s a known limitation of the approach we took in this framework. Perhaps this is something we should add opt-in support for, without changing the existing API? I’m thinking of something like:

@keyframes \⏳ {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.\🐢{
  animation-name: \⏳;
  animation-duration: 2s;
}

You could then use this as <body class="🦴 🐢">. Or we could limit this to just 🦴, <body class="🦴 🦴--🐢">.

I think 🐢 is quite a good mood for this but also welcome suggestions for more appropriate moods.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@thibaudcolas @KalobTaulien