なぜトランジションエフェクトは1つのプロパティでしか動作しませんか？ここ

Question

img { 
 
    width: 40%; 
 
    height: 30%; 
 
    padding: 3%; 
 
    transition: all 2s; 
 
} 
 
img:hover { 
 
    -webkit-transform: rotate(360deg); 
 
    -webkit-transform: scaleX(2); 
 
    -webkit-transition: all 1s; 
 
}

<img src="http://www.jqueryscript.net/images/Simplest-Responsive-jQuery-Image-Lightbox-Plugin-simple-lightbox.jpg">

、遷移プロパティは、すべてのプロパティのために定義されています。しかし、マウスが画像の上にマウスを置くと、2番目の変換プロパティ（scaleX（）関数を定義するもの）のみが変更されます。最初の変換プロパティは変更されません。なぜ最初のものは変わらないのですか？どのようにして両者を同時に変更することができますか？

Answer 1

img { 
    width: 40%; 
    height: 30%; 
    padding: 3%; 
    transition: all 2s; 
} 
img:hover { 
-webkit-transform: rotate(360deg) scaleX(2); 
} 

FIDDLE： `-webkit-変換：あなたは、単一の行にそれを記述する必要がhttps://jsfiddle.net/c6z4wy5x/