teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2019/12/07 18:56

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -13,7 +13,7 @@
13
13
  - Canonical order: per grammar
14
14
  - Animation type: transform list, see interpolation rules
15
15
 
16
- transformable elements は非置換インラインボックス、 `table-column` ボックス、 `table-column-group` ボックスを除く CSS ボックスモデルによりレイアウトが制御可能な要素を指します。`a` 要素は非置換かつ `inline flow` であり、 transformable elements に該当しないため、 `transform` プロパティが適用されません。`display: inline-block` を `a` 要素へ適用することで、この問題を解決出来ます。
16
+ transformable elements は非置換インラインボックス、 `table-column` ボックス、 `table-column-group` ボックスを除く CSS ボックスモデルによりレイアウトが制御可能な要素を指します。`a` 要素は非置換かつ `inline flow` であり、 transformable elements に該当しないため、 `transform` プロパティが適用されません。`display: inline-block` を `a` 要素へ適用することで、この問題を解決出来ます ([動作確認用リンク](https://jsfiddle.net/kuw4x5d7/))
17
17
 
18
18
  > ### [§ 2. Terminology](https://drafts.csswg.org/css-transforms-1/#transformable-element)
19
19
 

1

修正

2019/12/07 18:56

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -13,7 +13,7 @@
13
13
  - Canonical order: per grammar
14
14
  - Animation type: transform list, see interpolation rules
15
15
 
16
- transformable elements は非置換インラインボックス、 `table-column` ボックス、 `table-column-group` ボックスを除く CSS ボックスモデルによりレイアウトが制御可能な要素す。`a` 要素はこれに該当しないため、このような動作になってい。`display: inline-block` を `a` 要素へ適用することで、この問題を解決出来ます。
16
+ transformable elements は非置換インラインボックス、 `table-column` ボックス、 `table-column-group` ボックスを除く CSS ボックスモデルによりレイアウトが制御可能な要素を指します。`a` 要素は非置換かつ `inline flow` であり、 transformable elements に該当しないため、 `transform` プロパティが適用されせん。`display: inline-block` を `a` 要素へ適用することで、この問題を解決出来ます。
17
17
 
18
18
  > ### [§ 2. Terminology](https://drafts.csswg.org/css-transforms-1/#transformable-element)
19
19