通过鼠标指针调整角度5中的div水平和垂直

时间:2018-06-15 15:13:55

标签: css angular

我是角色5的新手。我必须实现通过鼠标指针调整div水平和垂直的大小。请帮我实现这个。

1 个答案:

答案 0 :(得分:0)

没有必要使用Angular来完成此任务,但是您可以使用[ngClass]绑定来添加和删除类。

角度方法:

HTML:

 <div (mouseenter)="modifyCssClass()" [ngClass]="myClasses"></div>

打字稿:

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

}

纯CSS方法:

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