W3C home > Mailing lists > Public > public-css-archive@w3.org > August 2019

Re: [csswg-drafts] [css-animations] Negative time at start of animation shorthand (#4034)

From: Eric Willigers via GitHub <sysbot+gh@w3.org>
Date: Sun, 11 Aug 2019 06:44:39 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-520204720-1565505877-sysbot+gh@w3.org>
This also affects [transition](https://drafts.csswg.org/css-transitions/#propdef-transition).

> the first value that can be parsed as a time is assigned to the transition-duration, and the second value that can be parsed as a time is assigned to transition-delay.

Negative `<time>` values are invalid for `transition-duration`.

Suppose the author specifies `transition` as `'-5s'`.

Spec (possible reading):
  The negative value is rejected as it is only considered for `transition-duration`.
  Reading the specified transition gives `''`.
  Reading computed transition gives values from style rules, or initial values.

Edge 18:
  The negative value is accepted as `transition-duration`.
  Reading the specified transition gives `'-5s'`.
  Reading computed transition gives `''`.

Safari:
  The negative value is accepted as `transition-delay`.
  Reading the specified transition gives `'-5s'`.
  Reading computed transition gives `'all 0s ease -5s'`.

Firefox:
  The negative value is accepted as `transition-delay`.
  Reading the specified transition gives `'all 0s ease -5s'`.
  Reading computed transition gives `''`.

Blink:
  The negative value is accepted as `transition-delay`.
  Reading the specified transition gives `'all 0s ease -5s'`.
  Reading computed transition gives `'all 0s ease -5s'`.

https://jsfiddle.net/ericwilligers/ho3jxw4r/


-- 
GitHub Notification of comment by ewilligers
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4034#issuecomment-520204720 using your GitHub account
Received on Sunday, 11 August 2019 06:44:40 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:31:13 UTC