Проблема: не получается выставить расстояние между голубым и зеленым блоками, на первый взгляд все в порядке, но добиться 100% выполнения задания не получается.
Код:
html,
body {
width: 550px;
height: 310px;
margin: 0;
padding: 0;
}
.part-green {
transform: translate(15px) rotate(90deg);
}
.part-maroon {
transform: translateY(-125px) rotate(180deg);
}
.part-orange {
transform: translate(105px, 160px) rotate(-90deg) scale(2);
}
.part-red {
transform: translate(175px, -100px) skew(-45deg);
}
.part-yellow {
transform: translate(40px) rotate(90deg);
}
.part-blue {
transform: translate(-120px, -80px) skewX(-45deg);
}
Скриншот наложения:
Браузер: последняя версия оперы(не знаю, влияет ли это на результат).