transform和clip-path执行顺序测试实例页面

展示

代码

• HTML：

  <img src="1.jpg">

• CSS：

  img {
      width: 128px; height: 96px;
      transform: scale(2);
      -webkit-clip-path: circle(48px at 64px 48px);
      clip-path: circle(48px at 64px 48px);
  }