CSS
0
Вклад в тег
.block:before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eefcff;' /%3E%3C/svg%3E");
left: 0;
top: -120px;
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
display: block;
height: 120px;
position: absolute;
width: 100%;
}
.block:after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eefcff;' /%3E%3C/svg%3E");
right: 0;
bottom: -120px;
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
display: block;
height: 120px;
position: absolute;
width: 100%;
transform: rotateX(180deg);
}