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);

}