diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-12-07 11:33:37 +0900 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-12-07 11:33:37 +0900 |
commit | 69de90014cbebf425786e59bc3b125a860d463e8 (patch) | |
tree | 149241e32cc5e536badc9b1594d85603394a8916 /files/ja/web/css/@media/-webkit-transform-2d/index.md | |
parent | d09d5af3e67d78694fcbbfbf0aab5d359d461417 (diff) | |
download | translated-content-69de90014cbebf425786e59bc3b125a860d463e8.tar.gz translated-content-69de90014cbebf425786e59bc3b125a860d463e8.tar.bz2 translated-content-69de90014cbebf425786e59bc3b125a860d463e8.zip |
CSS メディアクエリーに関する記事を修正 (#3220)
* Glossary/Forbidden_header_name の変換準備
* Glossary/Forbidden_header_name を更新
- 2021/10/18 時点の英語版に同期
* Web/CSS/font-smooth を新規翻訳
- 2021/08/13 時点の英語版に同期
* Glossary/Forbidden_header_name の変換準備
* Glossary/Forbidden_header_name を更新
- 2021/10/18 時点の英語版に同期
* メディアクエリーのトップページを更新準備
* 2021/08/13 時点の英語版に同期
リダイレクトを修正
* 2021/10/22 時点の英語版に同期
* メディアクエリー関係のガイドを変換準備
* 2021/10/22 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* メディア特性の文書の変換準備
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/09/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
-webkit-device-pixel-ratio の追加修正
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* メディアクエリー関係の文書へのリンクを修正
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/11/16 時点の英語版に同期
* 2021/10/04 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
* 2021/08/13 時点の英語版に同期
Diffstat (limited to 'files/ja/web/css/@media/-webkit-transform-2d/index.md')
-rw-r--r-- | files/ja/web/css/@media/-webkit-transform-2d/index.md | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/files/ja/web/css/@media/-webkit-transform-2d/index.md b/files/ja/web/css/@media/-webkit-transform-2d/index.md new file mode 100644 index 0000000000..86a1152a34 --- /dev/null +++ b/files/ja/web/css/@media/-webkit-transform-2d/index.md @@ -0,0 +1,68 @@ +--- +title: '-webkit-transform-2d' +slug: Web/CSS/@media/-webkit-transform-2d +tags: + - '@media' + - CSS + - 標準外 + - リファレンス + - WebKit + - メディア特性 +browser-compat: css.at-rules.media.-webkit-transform-2d +translation_of: Web/CSS/@media/-webkit-transform-2d +--- +{{ Non-standard_header }} + +**`-webkit-transform-2d`** は [CSS](/ja/docs/Web/CSS) の論理[メディア特性](/ja/docs/Web/CSS/@media#メディア特性) で [Chrome 拡張](/ja/docs/Web/CSS/WebKit_Extensions)であり、ベンダー接頭辞付きの CSS の二次元 {{cssxref("transform")}} に対応していれば値が `true` になります。 + +Apple には [Safari CSS リファレンス](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3)に説明があります。 + +## 構文 + +`-webkit-transform-2d` は [CSS](/ja/docs/Web/CSS) の論理[メディア特性](/ja/docs/Web/CSS/@media#メディア特性) で [Chrome 拡張](/ja/docs/Web/CSS/WebKit_Extensions)であり、 `-webkit` 接頭辞付きの CSS の二次元 {{cssxref("transform")}} に対応していれば値が `true` になります。 + +### 値 + +- `true` + - : ブラウザーは二次元の CSS 座標変換に `-webkit` の接頭辞つきで対応しています。 +- `false` + - : 二次元の CSS 座標変換で `-webkit` の接頭辞が付いたものはブラウザーが対応していません。 + +## 例 + +### 基本的な例 + +```css +@media (-webkit-transform-2d) { + div { + -webkit-transform: translate(100px, 100px); + } +} +``` + +このメディア機能は WebKit でのみ対応しています。可能であれば、代わりに {{cssxref("@supports")}} 機能クエリを使用してください。 + +```css +@supports (-webkit-transform: translate(100px, 100px)) { + div { + -webkit-transform: translate(100px, 100px); + } +} +``` + +## 仕様書 + +どの標準でも定義されていません。 + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("@media/-webkit-transform-3d", "-webkit-transform-3d")}} +- {{cssxref("@media/-webkit-transition", "-webkit-transition")}} +- {{cssxref("@media/-webkit-animation", "-webkit-animation")}} +- [Test page at quirksmode.org](https://www.quirksmode.org/css/tests/mediaqueries/animation.html) + +{{ CSSRef }} |