css - ホバー方向の CSS

Question

助けが必要です！

ホバー時の操作が必要な div 要素があります。下記参照：

div {

    width:298px;
    height: 62px;
    position:relative;  
}

div:hover{
    height:90px;
    }

しかし、それは機能しますが、「下向き」にホバリングします。これを反対にして上向きにしたいのですが、どうすればこれを行うことができますか?

Answer 1

プロパティを使用してtop、要素を上にシフトします20px。

div:hover {
    top: -20px;
}