Css 通过鼠标指针以角度5调整div的水平和垂直大小

我是新手。我必须通过鼠标指针来实现水平和垂直调整div的大小。请帮助我实现这一点。

此任务不需要使用Angular，但是您可以使用[ngClass]绑定来添加和删除类

角度法：

HTML:

纯CSS方法：

   div {
      width: 200px;
      height: 200px;
   }
   div:hover {
      width: 250px;
      height: 250px;
   }

---

拖动div时，水平和垂直位置必须以角度5调整大小。请帮助我实现此功能。例如，请参考此链接。

myClasses = "['default-class']"
modifyCssClass() {
    this.myClasses = "['new-class-with-horizontal-and-vertical-dims']"

}

   div {
      width: 200px;
      height: 200px;
   }
   div:hover {
      width: 250px;
      height: 250px;
   }