CSS
1
Вклад в тег
#block {
width: 60px; /* При повороте является высотой */
height: 90px; /* При повороте является шириной*/
background: #2e578e;
position: relative;
transform: rotate(90deg);
}
#block:before {
content: "";
position: absolute;
top: -25px; /* Высота треугольника */
left: 0;
width: 0;
height: 0;
border-left: 30px solid transparent; /* Ширина верхней половины треугольника */
border-right: 30px solid transparent; /* Ширина нижней половины треугольника */
border-bottom: 25px solid #2e578e; /* Растяжение треугольника с точки высоты до прямоугольника*/
}