762302 - [css3-animations] unprefix CSS Animation properties and @keyframes rule

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, defect)

Description

[Tantek Çelik]

The CSS Working Group has agreed to give the go-ahead to browser implementers to unprefix CSS3 Transitions, Transforms, and Animations:

http://lists.w3.org/Archives/Public/www-style/2012Jun/0105.html

Comment 1

[Jason Smith [:jsmith]]

Nominating for k9o - this identified as a top pain point from John Jensen's report for web compatibility.

Comment 2

[Lawrence Mandel [:lmandel] (use needinfo)]

Jet - What are your thoughts on blocking k9o on the unprefixing these properties?

Comment 3

[Jason Smith [:jsmith]]

(In reply to Lawrence Mandel [:lmandel] from comment #2)
> Jet - What are your thoughts on blocking k9o on the unprefixing these
> properties?

As a point of comparison, we are currently blocking on bug 745523 (the transforms unprefixing) based on the same rationale in comment 1. Should this be a blocker for the same reason?

Comment 4

[JP Rosevear [:jpr]]

David, should we execute on this and bug 762303?

Comment 5

[Jet Villegas (inactive)]

(In reply to Lawrence Mandel [:lmandel] from comment #2)
> Jet - What are your thoughts on blocking k9o on the unprefixing these
> properties?

Yes, these should be k9o blockers.

Comment 6

[Jet Villegas (inactive)]

Asigning to Emmanuele. This is the logical next bug after bug 762302 is fixed.

Comment 7

[Emmanuele Bassi (:ebassi)]

Attachment: unprefix CSS Animation properties and @keyframes rule and provide temporary aliases for -moz-animation and exposed subproperties

similar in spirit to attachment 638769 [details] [diff] [review].

again, grepping through mozilla-central for -moz-animation shows a lot of hits in the themes directories.

Comment 8

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Comment on attachment 638771 [details] [diff] [review]
unprefix CSS Animation properties and @keyframes rule and provide temporary aliases for -moz-animation and exposed subproperties

Same comments as bug 762303 comment 8.

Comment 9

[Emmanuele Bassi (:ebassi)]

Attachment: Bug 762302 - [css3-animations] unprefix CSS Animation properties and @keyframes rule and provide temporary aliases for -moz-animation and exposed subproperties

updated patch after feedback.

try output: https://tbpl.mozilla.org/?tree=Try&rev=bc9718b535f8
try log: http://ftp.mozilla.org/pub/mozilla.org/firefox/try-builds/[e-mail]-bc9718b535f8/

Comment 10

[Emmanuele Bassi (:ebassi)]

ugh, copy and paste failure.

try output: https://tbpl.mozilla.org/?tree=Try&rev=00cf7dc7ee59
try log: http://ftp.mozilla.org/pub/mozilla.org/firefox/try-builds/[e-mail]-00cf7dc7ee59/

Comment 11

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Comment on attachment 639078 [details] [diff] [review]
Bug 762302 - [css3-animations] unprefix CSS Animation properties and @keyframes rule and provide temporary aliases for -moz-animation and exposed subproperties

r=dbaron

Comment 12

[JP Rosevear [:jpr]]

Guessing checkin-needed since EB is new :-)

Comment 13

[Ryan VanderMeulen [:RyanVM]]

https://hg.mozilla.org/integration/mozilla-inbound/rev/7f35b944aadd

I had to un-bitrot this a bit. Please look it over to make sure I didn't mess anything up. Also, please make sure that future patches have all the needed checkin info. It makes life easier for those checking in on your behalf. Thanks!
https://developer.mozilla.org/en/Creating_a_patch_that_can_be_checked_in

Comment 14

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

looks fine to me

Comment 15

[Ed Morley [:emorley]]

https://hg.mozilla.org/mozilla-central/rev/7f35b944aadd

Comment 16

[Jean-Yves Perrier [:teoli]]

I've updated:
https://developer-new.mozilla.org/en-US/docs/Firefox_16_for_developers
https://developer-new.mozilla.org/en-US/docs/CSS/animation
https://developer-new.mozilla.org/en-US/docs/CSS/animation-delay
https://developer-new.mozilla.org/en-US/docs/CSS/animation-direction
https://developer-new.mozilla.org/en-US/docs/CSS/animation-duration
https://developer-new.mozilla.org/en-US/docs/CSS/animation-fill-mode
https://developer-new.mozilla.org/en-US/docs/CSS/animation-iteration-count
https://developer-new.mozilla.org/en-US/docs/CSS/animation-name
https://developer-new.mozilla.org/en-US/docs/CSS/animation-play-state
https://developer-new.mozilla.org/en-US/docs/CSS/animation-timing-function
https://developer-new.mozilla.org/en-US/docs/CSS/@keyframes
https://developer-new.mozilla.org/en-US/docs/CSS/animation-timing-function
https://developer-new.mozilla.org/en-US/docs/CSS/Using_CSS_animations

Note: MDN examples don't use the prefix anymore. Only live examples use them for the moment.

I've kept the 'experimental' banner, as though the unprefixing have been allowed by the CSSWG, the spec is not a CR yet. I'll remove them at that point.

(These changes will be visible on the regular site once the Kuma migration is over)