Собственно не могу понять, как её повернуть так, чтобы она была вверх? Менял transform, но не могу понять, как он работает. Добивался нужного результата когда указывал больше 100% в transform-origin, но это, как я понимаю, не совсем правильное решение.
.prev {
position: relative;
}
.prev:before,
.prev:after {
content: '';
display: block;
height: 8px;
width: 32px;
background: #4a275c;
border-radius: 5px;
}
.prev:before {
transform-origin: 50% 100%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.prev:after {
transform-origin: 0% 100%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
<div class="prev"></div>