Косые блоки

by Qwerty_Wasd

HTML

<div class="block1"></div>
<div class="block2"></div>

CSS

.block1{
	display:table-cell;	
	border-bottom: 100px solid red;
	border-left: 50px solid red;
	border-right: 50px solid transparent;
	height: 0;
	width: 100px;	
}
.block2{
	display:table-cell;
	position:relative;
	border-bottom: 100px solid blue;
	border-right: 50px solid transparent;
	border-left: 50px solid blue;
	height: 0;
	width: 100px;
	left:-50px;
	transform:rotate(180deg);	
	z-index:2;
}