Jss: keyframes animations doesn't work

Created on 11 Jun 2019  路  3Comments  路  Source: cssinjs/jss

__Expected behavior:__
Animation with keyframes doesn't work.

__Describe the bug:__
Seems for some reason JSS@10 doesn't understand keyframes syntax and don't animate necessary things. For JSS@9 everything works as expected.

__Codesandbox link:__
https://codesandbox.io/s/core-jss-playground-rp536

__Versions (please complete the following information):__

  • jss: 10.0.0-alpha.17
  • Browser [e.g. chrome, safari]: Chrome
  • OS [e.g. Windows, macOS]: macOS
    Feel free to add any additional versions which you may think are relevant to the bug.
docs question

Most helpful comment

JSS 10 scopes keyframe names by default, animation: "$backgroundAfter 1s infinite"

For global identifiers, a keyframe needs to be inside of @global rule

All 3 comments

JSS 10 scopes keyframe names by default, animation: "$backgroundAfter 1s infinite"

For global identifiers, a keyframe needs to be inside of @global rule

Documentation seems ok to me, if you think we need to improve in communication or documentation please reopen.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

valZho picture valZho  路  7Comments

brianmhunt picture brianmhunt  路  5Comments

antoinerousseau picture antoinerousseau  路  3Comments

mg901 picture mg901  路  3Comments

kof picture kof  路  4Comments