Настала пора испытать свои знания и создать ещё один круглый, на этот раз морской портрет Кекса в амплуа морского волка.

В задании нужно использовать следующие адреса картинок:

• img/rope-frame.png
• img/keks-2.jpg
• img/eye-patch.svg

Все значения, как обычно, кратны 5.

Решение

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

.portrait {
  margin: 0 auto;
  width: 275px;
  height: 275px;
  border: 50px solid transparent;
  border-radius: 50%;
  border-image-source: url("img/rope-frame.png");
  border-image-slice: 90 fill;
  background-image: url("img/eye-patch.svg"), url("img/keks-2.jpg");
  background-position: 35px 35px, center;
  background-clip: content-box;
  background-size: 80px, cover;
  background-repeat: no-repeat;
}