• Теория
  • Теория

Испытание: расколотый кристалл

Ура! Главарь повержен, и можно возвращаться домой.

Но нет! Врождённый перфекционизм заставляет Пендальфа собрать воедино осколки кристалла, найденные у побеждённого главаря. Осколки рассыпались, некоторые хаотично трансформировались.

Подсказка: воспользуйтесь трансформациями перемещения, поворота, масштабирования и наклона. Значения трансформаций задания кратны 5 (если scale прописать после translate).

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

body {
  width: 550px;
  height: 310px;
  margin: 0;
  padding: 0;
}

.part-green {
  transform: rotate(90deg) translate(0px, -15px);
}

.part-maroon {
  transform: rotate(180deg) translate(0px, 125px);
}

.part-orange {
  transform: rotate(-90deg) translate(-160px, 105px) scale(2);
}

.part-red {
  transform: skewX(-45deg) translate(75px, -100px);
}

.part-yellow {
  transform: rotate(90deg) translate(0, -40px);
}

.part-blue {
  transform: skewX(-45deg) translate(-200px, -80px);
}
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Двумерные трансформации» тренажёра «Продвинутые декоративные эффекты» можно после регистрации и оформления подписки.