Не работает функция skew, элемент, к которому применяется функция, просто исчезает с экрана. Подскажите, что не так?
.part-green {
transform: rotate(90deg) translate(-10px,-15px);
}
.part-maroon {
transform: rotate(180deg) translate(0,135px)
}
.part-orange {
transform: rotate(-90deg) translate(-150px, 105px) scale(2);
}
.part-red {
transform: skewY(90deg);
}
.part-yellow {
transform: rotate(90deg) translate(-10px,-40px)
}
.part-blue {
transform: translate(-140px, -50px) skewX(90deg);
}