CSSMatrix

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

A CSSMatrix represents a homogeneous 4x4 matrix to which 2D or 3D transforms can be applied. This class was allegedly part of CSS Transitions Module Level 3 at some point, but is not present in the current Working Draft. Use DOMMatrix instead.

Specifications

Specification Status Comment
Compatibility Standard
The definition of 'WebKitCSSMatrix' in that specification.
Living Standard Initial standardization of the WebKit-prefixed version, WebKitCSSMatrix.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
CSSMatrix
Non-standard
Chrome ? Edge Full support YesFirefox ? IE Full support 11
Prefixed
Full support 11
Prefixed
Prefixed Implemented with the vendor prefix: WebKit
Full support 10
Prefixed
Prefixed Implemented with the vendor prefix: MS
Opera ? Safari Full support Yes
Prefixed
Full support Yes
Prefixed
Prefixed Implemented with the vendor prefix: WebKit
WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS Full support Yes
Prefixed
Full support Yes
Prefixed
Prefixed Implemented with the vendor prefix: WebKit
Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Requires a vendor prefix or different name for use.
Requires a vendor prefix or different name for use.

See also