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

[feature request] Configurable magnitude #1009

Open
chriscconte opened this issue Jan 13, 2020 · 15 comments
Open

[feature request] Configurable magnitude #1009

chriscconte opened this issue Jan 13, 2020 · 15 comments
Assignees

Comments

@chriscconte
Copy link

@chriscconte chriscconte commented Jan 13, 2020

It would be cool if there were a helper class to determine the magnitude of the motion, this could be very useful for smaller elements!

@WarenGonzaga
Copy link
Member

@WarenGonzaga WarenGonzaga commented Jan 23, 2020

can you provide some example?

@eltonmesquita
Copy link
Collaborator

@eltonmesquita eltonmesquita commented Mar 1, 2020

Yeah, that is doable with css custom-properties. When I get back coding I'll have a look in how we can provide this.

@raxraj
Copy link

@raxraj raxraj commented Apr 22, 2020

ahoy!! can I work on that??

@WarenGonzaga
Copy link
Member

@WarenGonzaga WarenGonzaga commented Apr 22, 2020

@raxraj sadly assigned to @eltonmesquita... ;)

@raxraj
Copy link

@raxraj raxraj commented Apr 22, 2020

oh! I see, well I will keep trying then.

@eltonmesquita
Copy link
Collaborator

@eltonmesquita eltonmesquita commented May 8, 2020

This didn't make into the v4.0.0 release, but I'll try to prioritize this feature in the next release (probably the next minor version).

@WarenGonzaga
Copy link
Member

@WarenGonzaga WarenGonzaga commented May 8, 2020

@eltonmesquita looking forward!

@wjxniubi
Copy link

@wjxniubi wjxniubi commented May 13, 2020

Hello, I use animate in Vue. But the error has been reported all the time: what's the reason for cannot read property 'prefix' of undefined? Is there a similar solution

@WarenGonzaga
Copy link
Member

@WarenGonzaga WarenGonzaga commented May 13, 2020

@wjxniubi please visit our documentation... https://animate.style/#migration

@wjxniubi
Copy link

@wjxniubi wjxniubi commented May 13, 2020

@wjxniubi请访问我们的文档... https://animate.style/#migration
Sorry, I used it for the first time. Some of them still don't understand

@raxraj
Copy link

@raxraj raxraj commented May 13, 2020

@wjxniubi !
Basically animate.css released a new version namely, v4.
Which has a breaking change and thus for now, if you don't want to continue migrating to the latest version just simply change your
import statement to

'import 'animate.compat.css';'

or if using HTML, which might be the case in VueJS.
Chane the link src as follows

  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css"
  />
@wjxniubi
Copy link

@wjxniubi wjxniubi commented May 13, 2020

@wjxniubi
基本上animate.css发布了一个新版本,即v4。
它具有重大的变化,因此,现在,如果您不想继续迁移到最新版本,只需将您的
import语句更改为

“进口”动画。兼容。css ' ; '

或者使用HTML(在VueJS中可能就是这种情况)。
如下更改链接src

  < link 
    rel = “样式表”
     href = “ https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css ” 
  />

thank

@raxraj
Copy link

@raxraj raxraj commented May 13, 2020

@wjxniubi Happy to Help :)

@WarenGonzaga
Copy link
Member

@WarenGonzaga WarenGonzaga commented Sep 20, 2020

@eltonmesquita any news on this? is this relate to our current project?

@eltonmesquita
Copy link
Collaborator

@eltonmesquita eltonmesquita commented Sep 21, 2020

Nope, I'm pushing this as it's a bit of a laborious task. And no, it should be handled by animate.css.

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

Successfully merging a pull request may close this issue.

None yet
5 participants
You can’t perform that action at this time.