我希望使用CSS transform(-45度)属性将页面沿对角线向下拆分,以实现以下外观。

最佳答案

这个demo怎么样?

div {
  width: 500px;
  height: 500px;
  background: #ffffff;
  background: -moz-linear-gradient(-45deg, #e0dedf 50%, #e37d72 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#e0dedf), color-stop(50%,#e37d72));
  background: -webkit-linear-gradient(-45deg, #e0dedf 50%,#e37d72 50%);
  background: -o-linear-gradient(-45deg, #e0dedf 50%,#e37d72 50%);
  background: -ms-linear-gradient(-45deg, #e0dedf 50%,#e37d72 50%);
  background: linear-gradient(135deg, #e0dedf 50%,#e37d72 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dedf', endColorstr='#e37d72',GradientType=1 );
}

09-17 03:17
查看更多