(cc'ing the dev-developer-tools list, please keep responses to dev-platform)
Very happy to see this being implemented. I would like to point out that this does have some DevTools impact that we might want to align with the target release for this. There's a (sort of hidden) feature in DevTools where, if you position your cursor over a `transform` property name inside the CSS Rules panel of the inspector, then an overlay appears in the page. This overlay shows you 2 things: where the element selected in the inspector currently is on the page, and where it would have been if that `transform` property had not been there. It gives a sense of how CSS transform works. This MDN page describes that feature: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Visualize_transforms If we also want to support the new properties being introduced here, that will require some work in DevTools, and I'm not sure how the feature would even work. I think it would be a good opportunity for us to revise the UX of the feature and possibly come up with an even better transform tool. Note that none of this is a blocker, people using `transform` will still benefit from this feature. The new properties will just act as normal properties in the Rules panel, and hovering over them will just do nothing. On Fri, Dec 15, 2017 at 8:51 AM, Ku(顧思捷)CJ <c...@mozilla.com> wrote: > Summary: > The translate, rotate, and scale properties allow authors to specify > simple transforms independently, in a way that maps to typical user > interface usage, rather than having to remember the order in transform that > keeps the actions of transform(), rotate() and scale() independent and > acting in screen coordinates. > Both Blink and Edge have implemented this feature. > > Bug: > https://bugzilla.mozilla.org/show_bug.cgi?id=1207734 > > Link to standard: > https://drafts.csswg.org/css-transforms-2/#individual-transforms > > Platform coverage: > All platforms > > Target release: > FF60 > > Preference behind which this will be implemented: > "layout.css.individual-transform.enabled" > > Do other browser engines implement this? > Blink/ Edge > > Tests: > WPT test > _______________________________________________ > dev-platform mailing list > dev-platform@lists.mozilla.org > https://lists.mozilla.org/listinfo/dev-platform > _______________________________________________ dev-platform mailing list dev-platform@lists.mozilla.org https://lists.mozilla.org/listinfo/dev-platform
