search

LeaVerou / prefixfree

Break free from CSS prefix hell!
http://projects.verou.me/prefixfree/
MIT License
3.82k stars 713 forks source link

`animation` property prefixed in stable Chrome/Opera (Chromium 32) but not in Chromium 33-based versions #183

Open mathiasbynens opened 10 years ago

mathiasbynens commented 10 years ago

Reduced test case: http://mathiasbynens.be/demo/prefixfree-chromium

In Opera 20+ (Next) and Chrome 33+ (Beta/Canary), the #animate element gets animation: move 3s ease infinite applied to it (as in the source CSS). Because of this, no animation is visible.

In Chrome 32 or Opera 19, -webkit-animation is used instead, and the animation is displayed correctly.

mathiasbynens commented 10 years ago

@Yeswanth-JG Thanks for taking a look! Which version of Opera did you try this in exactly? Are you on Win/Mac?

Yeswanth-JG commented 10 years ago

If prefix-free is intended for the stable releases, then no matter about the issue on prefixing beta channels.!

mathiasbynens commented 10 years ago

No disagreement here :) Consider this a ‘heads up’ kind of ticket — something to keep an eye on.

mathiasbynens commented 10 years ago

Filed https://code.google.com/p/chromium/issues/detail?id=341003.

Yeswanth-JG commented 10 years ago

@mathiasbynens @LeaVerou After enabling below flag

chrome://flags/#enable-experimental-web-platform-features

chrome is going into non-stable (beta) experimental zone. But, there also, -webkit- prefix is working for the animation property.

Please check the link u provided.!

@mathiasbynens

  1. Open the inspect
  2. Prefix the -webkit- manually
  3. Now animation property works.

I think it should be fixed with prefix-free.

mathiasbynens commented 10 years ago

@Yeswanth-JG I know, that’s what the issue I filed here is about: https://code.google.com/p/chromium/issues/detail?id=341003

It’s not a bug in prefix-free (although prefix-free could work around it if you wanted to).

natedsaint commented 10 years ago

I believe I'm seeing this now in stable (Version 34.0.1847.116). Seeing the reduced test case above produces the error state (no animation), though curiously, disabling and re-enabling the animation via dev tools makes the animation begin. Am I the only one seeing this?