CSS 使用 clip-path 属性裁剪元素

Question

CSS 的 clip-path 属性可以对元素进行裁剪，是特定区域展示在页面上， clip-path 支持圆形（circle），椭圆（ellipse），多边形（polygon）和 SVG 路径。

以 Angular 为例：

template 模板：

<div class="main">
  <div class="rect">
    <div class="info" (click)="handleClick()" [ngStyle]="fadeStyle">
      <span>