css - 背景画像をホバー/スケール変換

Question

以下のコードを使用して、縦向きまたは横向きの画像ホルダーの行を作成しました。各画像（大きい方）にホバースケール変換を適用する方法がわかりません。コードは次のとおりです。

    <ul>
    <li>
        <div style="width:150px; height:150px;
           background: url('img/2.png') no-repeat center;
           border:1px solid red;">
        </div>
    </li>


    <li>
        <div style="width:150px; height:150px;
           background: url('img/1.png') no-repeat center;
           border:1px solid red;">
        </div>
    </li>

    <li>
        <div style="width:150px; height:150px;
           background: url('img/3.png') no-repeat center;
           border:1px solid red;">
        </div>
    </li>
</ul>

Answer 1

li div:hover{
    transform:scale(1.1,1.1);
}