Contact [email protected], [email protected], [email protected]
ExplainerNone Specification https://drafts.csswg.org/css-transforms-2/#individual-transforms Summary This adds three new CSS properties: translate, rotate, and scale. This exposes a simple way for web developers to access transforms in an intuitive way, without having to think about how functions in the transform property interact with each other. The properties are individually animatable. Blink componentBlink <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink> TAG reviewAlready shipped in two browser engines. TAG review statusNot applicable (I think) Risks Interoperability and Compatibility Gecko: Shipped/Shipping ( https://bugzilla.mozilla.org/show_bug.cgi?id=1424900) Shipped in Firefox 72, January 2020. WebKit: Shipped/Shipping ( https://webkit.org/blog/11420/css-individual-transform-properties/) Shipped in Safari 14.1 (desktop) / 14.5 (iOS), April 2021. Web developers: Positive: 25 stars on https://bugs.chromium.org/p/chromium/issues/detail?id=496550 . Notable early developer request for the feature (before WG adoption) in: https://twitter.com/rachelnabors/status/618266391993454592 https://twitter.com/rachelnabors/status/618267483296825344 and early reaction to WG adoption in https://twitter.com/SaraSoueidan/status/613368671315054592 . Positive developer reactions to https://twitter.com/argyleink/status/1338907239990497280 . Largely positive reactions to news of other engines shipping the feature in responses to https://twitter.com/jensimmons/status/1387870244392382468 , https://twitter.com/simevidas/status/627956718098485248 , https://twitter.com/dancwilson/status/121457225783989862 , and in https://twitter.com/guerriero_se/status/1338468028804001796 , https://twitter.com/eladsc/status/1216286886697885696 , https://twitter.com/_zouhir/status/1389461399026294791 . More recent developer interest in https://twitter.com/anatudor/status/1377491818636587008 , https://twitter.com/anatudor/status/1309200388311199751 . Debuggability Has the standard exposure in devtools that all CSS properties have. Is this feature fully tested by web-platform-tests <https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md> ?Yes Flag nameCSSIndependentTransformProperties Requires code in //chrome?False Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=496550 Estimated milestonesThe feature has been implemented behind a flag on desktop/android/WebView since Chrome 45 (not a typo). For an estimated milestone for shipping, I think the feature is close to being ready, so I'm still hoping for Chrome 97 but can't promise that it will be ready in time. It's waiting on a single chain of dependencies, as described in the bug <https://bugs.chromium.org/p/chromium/issues/detail?id=496550#c29>, so that more than one of the transform properties on a single element can be simultaneously animated on the compositor. Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5705698193178624 Links to previous Intent discussionsIntent to prototype: https://groups.google.com/a/chromium.org/g/blink-dev/c/-GfE73tlLX8/m/hv7Qitys6j8J This intent message was generated by Chrome Platform Status <https://www.chromestatus.com/> and then hand-edited a bit. -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAG0MU3iuDCMdC0_WFLDsD-ibr4uodbZ0E9ef33_RWTs37oaovA%40mail.gmail.com.
