| CARVIEW |
Select Language
HTTP/2 200
content-type: text/html
x-guploader-uploadid: AAwnv3L71axBoXFGsPOkXRDmMrLl2tj6uMNtWGEQ5nLiYRiy6w0rIA7v0f6odDpZlrJCMDebeInOJ-U
cache-control: public, max-age=3600
expires: Tue, 14 Oct 2025 07:31:58 GMT
last-modified: Tue, 14 Oct 2025 01:05:06 GMT
etag: W/"0c897fe4e42ea20e0b2de3d826850d5e"
x-goog-generation: 1760403906563298
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 133062
x-goog-meta-goog-reserved-file-mtime: 1760402252
x-goog-hash: crc32c=nPb6oQ==, md5=DIl/5OQuog4LLePYJoUNXg==
x-goog-storage-class: STANDARD
accept-ranges: none
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: 041e0e5986080fbe13c58f5da22740ae
date: Tue, 14 Oct 2025 06:31:58 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
CSSTransformComponent - Web APIs | MDN
Toggle sidebar
CSSTransformComponent
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The CSSTransformComponent interface of the CSS Typed Object Model API is part of the CSSTransformValue interface.
Instance properties
CSSTransformComponent.is2DRead only-
Returns a boolean indicting whether the transform is 2D or 3D.
Instance methods
CSSTransformComponent.toMatrix()-
Returns a new
DOMMatrixobject. CSSTransformComponent.toString()-
A string in the form of a CSS transform function.
This will use the value of
is2Dto return either a 2D or 3D transform. For example if the component representsCSSRotateandis2Dis false then the string returned will be in the form of the CSS transformationrotate3d()function. If true the string returned will be in the form of the 2-dimensionalrotate()function.
Examples
To do
Specifications
| Specification |
|---|
| CSS Typed OM Level 1 # csstransformcomponent |
Browser compatibility
Loading…