我希望使用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 );
}