どのようにしてCSS変換でdivを拡大縮小できますか？

Question

私は、より多くのイメージを表示するためにdivを展開するというエフェクトを作成しようとしていますが、現時点では、divスケーリングでイメージが展開されます。私は現在そのようにdivを展開しています。

.panel:hover { 
    transform: scaleX(1.5); 
    z-index: 10; 
} 

私は、このような運を持つリストおよびアンカータグなど、親の属性に変換しアプリング試してみました。ここでは、事前

Answer 1

で

http://codepen.io/duncanmolesworth/pen/LRdKYj

多くのおかげで私の何がな種類のパネルをズームされてやっている、あなたが何をしたいのか、その幅を増加させているcodepenされます。

あなたはこれを試すことができます。

.panel:hover { 
    width: 150%; 
    left: -25%; 
    z-index: 10; 
}