- From: Dirk Schulze via GitHub <sysbot+gh@w3.org>
- Date: Sun, 27 May 2018 06:49:33 +0000
- To: public-css-archive@w3.org
## Test I created a test case here: https://codepen.io/krit/pen/XqvqyG?editors=1100 The behavior is different across browsers: | Interpolation | `transform="rotate(45) scale(2)"` **to** `transform: rotate(3turn) scale(1)` | | ------------- |:----------------------------------------------------------------------------- | | WebKit | `transform` attribute gets ignored; _from_-value turns to `none`.<sub>1</sub> | | Blink | Interpolation per transform - as speced. | | Gecko | `transform` attribute gets ignored; _from_-value turns to `none`. | | Edge | Interpolation per transform - as speced. | 1. After the transition back to _from_ the value doesn't get reset to attribute value. | Interpolation | `transform="rotate(45 50 50) scale(2)"` **to** `transform: rotate(3turn) scale(1)` | | ------------- |:--------------------------------------------------------------------------------------- | | WebKit | `transform` attribute gets ignored; _from_-value turns to `none`.<sub>1</sub> | | Blink | No interpolation. | | Gecko | `transform` attribute gets ignored; _from_-value turns to `none`. | | Edge | Interpolation per transform. _from_-value **ignores** translation of `rotate(45 50 50)` | 1. After the transition back to _from_ the value doesn't get reset to attribute value. ## Conclusion * Blink and Edge do interpolation per transform function for all CSS supported transform functions as speced. * No implementation does fall back to matrix decomposition if `rotate()` has translation/origin values. -- GitHub Notification of comment by dirkschulze Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2684#issuecomment-392309233 using your GitHub account
Received on Sunday, 27 May 2018 06:49:36 UTC