From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/css/@media/-webkit-transform-3d/index.html | 75 ++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 files/ja/web/css/@media/-webkit-transform-3d/index.html (limited to 'files/ja/web/css/@media/-webkit-transform-3d/index.html') diff --git a/files/ja/web/css/@media/-webkit-transform-3d/index.html b/files/ja/web/css/@media/-webkit-transform-3d/index.html new file mode 100644 index 0000000000..55d1da5975 --- /dev/null +++ b/files/ja/web/css/@media/-webkit-transform-3d/index.html @@ -0,0 +1,75 @@ +--- +title: '-webkit-transform-3d' +slug: Web/CSS/@media/-webkit-transform-3d +tags: + - '@media' + - CSS + - WebKit 拡張 + - メディア特性 + - リファレンス + - 標準外 +translation_of: Web/CSS/@media/-webkit-transform-3d +--- +
{{ Non-standard_header }}
+ +

CSS-webkit-transform-3d メディア特性Chrome 拡張で、真偽値型であり、ベンダー接頭辞付きの CSS 3D {{cssxref("transform")}} に対応していれば値が true になります。

+ +
+

メモ: このメディア特性は WebKit および Blink でのみ対応しています。可能であれば、 {{cssxref("@supports")}} 特性クエリを代わりに使用してください。

+
+ +

+ +
@media (-webkit-transform-3d) {
+  .foo {
+    transform-style: preserve-3d;
+  }
+}
+
+@media (-webkit-transform-3d: 1) {
+  .foo {
+    transform-style: preserve-3d;
+  }
+}
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('Compat', '#css-media-queries-webkit-transform-3d', '-webkit-transform-3d')}}{{Spec2('Compat')}}初回の標準化
Safari CSS Reference
+ 'media query extensions' in that document.
標準外の非公式文書初回定義
+ +

ブラウザーの対応

+ + + +

{{Compat("css.at-rules.media.-webkit-transform-3d")}}

+ +

関連情報

+ + + +
{{ CSSRef }}
-- cgit v1.2.3-54-g00ecf