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-transition/index.html | 61 ++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 files/ja/web/css/@media/-webkit-transition/index.html (limited to 'files/ja/web/css/@media/-webkit-transition/index.html') diff --git a/files/ja/web/css/@media/-webkit-transition/index.html b/files/ja/web/css/@media/-webkit-transition/index.html new file mode 100644 index 0000000000..3c4b7b5dd6 --- /dev/null +++ b/files/ja/web/css/@media/-webkit-transition/index.html @@ -0,0 +1,61 @@ +--- +title: '-webkit-transition' +slug: Web/CSS/@media/-webkit-transition +tags: + - '@media' + - Blink + - CSS + - Deprecated + - Non-standard + - Reference + - WebKit + - WebKit 拡張 + - メディア特性 +translation_of: Web/CSS/@media/-webkit-transition +--- +
{{ CSSRef }} {{deprecated_header}} {{ Non-standard_header }}
+ +

CSS の -webkit-transition メディア特性 は Chrome 拡張で、真偽値型であり、閲覧コンテキストが CSS トランジションに対応していれば値が true になります。 WebKit または Blink 以外を使用したブラウザーでは対応していません。

+ +
+

メモ: このメディア特性は使用しないでください。これは仕様化されておらず、広く実装されておらず、すべてのブラウザーから削除されています。代わりに {{cssxref("@supports")}} 特性クエリを使用してください。

+
+ +

例

+ +

代わりに @supports を使用してください

+ +

-webkit-transition メディア特性を使用しないでください。代わりに、 CSS の {{cssxref("@supports")}} @-規則を用いてトランジションの有無を判定してください。

+ +
@supports (transition: initial) {
+  /* トランジションに対応している場合に使われる CSS */
+}
+
+ +

廃止された例

+ +

廃止される以前、次のように -webkit-transition を使用することができました。

+ +
@media (-webkit-transition) {
+  /* トランジションに対応している場合に使われる CSS */
+}
+
+ +

仕様書

+ +

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

+ +

ブラウザーの対応

+ + + +

{{Compat("css.at-rules.media.-webkit-transition")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf