web技巧之hover

日拱一卒，功不唐捐。

想實作下面這個直播間的效果，滑鼠移動到指定區域，形狀變大。

css代碼如下

div {
  position: relative;
  left:100px;
  top:100px;
  height: 50px;
  width:50px;
  border-radius: 15px;
  background-color:red;
}

div:hover{
    cursor: pointer;
     transform: scale(1.4);

}