html - 同一个 div 中的响应式多三 Angular 形 CSS

Question

我有一张 table ，上面有许多这样的三 Angular 形，每个 td 上都有动态背景色。我们需要让三 Angular 形框响应

是否可以制作这个 CSS ？响应式设计

Answer 1

您可以使用线性渐变:

.test {
  width:50%; 
  height:300px;
  background-image: linear-gradient(to right bottom, #44F690 0%, #44F690 49.8%, #ffffff 50%, #47CFF3 50.2%, #47CFF3 100%);
}

<div class="test"></div>